根据Chart.js的文档,要从工具提示中移除 colored颜色 框,只需将displayColors: false添加到tooltip,这也是对此处类似问题的公认答案How to remove square label from tooltip and make its information in one line? 但它在我的代码中不起作用.这是到编辑https://stackblitz.com/edit/stackblitz-starters-ntdk3g?file=src%2FApp.js的链接

推荐答案

你的

<LineChart chartData={activityData} options={{ 
    plugins: {
      tooltip: {
        displayColors: false // tried this also
      }
    }
}}/>

如果您在LineChart.js(stackblitz fork)中启用了options参数,是否工作正常

然而,将options设置为与labelsdatasets相同的级别的try 将不起作用,因为labelsdatasetsdata的关键字,options不应该是data的一部分,而是与data处于相同的级别;在react 图表2中,这意味着options应该是Line(或其他)组件的单独参数,请参见此doc link.

Javascript相关问答推荐

我的YouTube视频没有以html形式显示,以获取免费加密信号

在NextJS中使用计时器循环逐个打开手风琴项目?

JS生成具有给定数字和幻灯片计数的数组子集

使用useup时,React-Redux无法找到Redux上下文值

useNavigation更改URL,但不呈现或显示组件

未捕获错误:在注销后重定向到/login页面时找不到匹配的路由

在react js中使用react—router—dom中的Link组件,分配的右侧不能被 destruct ''

有没有可能使滑动img动画以更快的速度连续?

获取Uint8ClampedArray中像素数组的宽度/高度

这个值总是返回未定义的-Reaction

用JS从平面文件构建树形 struct 的JSON

未捕获的运行时错误:调度程序为空

更新Redux存储中的对象数组

如何在脚本编译后直接将RxJ模块导入浏览器(无需Angel、webpack、LiteServer)

未找到用于 Select 器的元素:in( puppeteer 师错误)

rxjs在每次迭代后更新数组的可观察值

从异步操作返回对象

ReactJS在类组件中更新上下文

如何创建一个for循环,用于计算仪器刻度长度并将其放入一个HTML表中?

当一条路由在Reaction路由中命中时,如何有条件地渲染两个组件或更改两个插座?