在Chart.js中隐藏工具提示颜色框不起作用

qnakjoqk  于 2023-06-22  发布在  Chart.js
关注(0)|答案(1)|浏览(204)

根据Chart.js文档,从工具提示中删除颜色框所需的全部内容是将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的链接

dldeef67

dldeef671#

你的

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

如果在LineChart.js(stackblitz fork)中启用options参数,则运行正常
然而,试图将options设置为与labelsdatasets相同的级别将不起作用,因为labelsdatasetsdata的密钥,并且options不应该是data的一部分,而应该与data处于同一级别;在react-charts 2中,这意味着options应该是Line(或其他)组件的单独参数,请参阅doc link

相关问题