Chartjs - 将图例更改为带有圆点样式的线？

Posted 2023-02-16

【中文标题】Chartjs - 将图例更改为带有圆点样式的线？

【英文标题】：Chartjs - Changing legend as a line with pointsyle of circle?

【发布时间】：2021-07-04 21:40:34

【问题描述】：

      const myLineChart = new Chart(viewsCount, 
      type: 'line',
      data: lineChartStats.data,
      options:              
        elements: 
          line: 
              tension: 0 // disables bezier curves
          ,
          point: 
          pointStyle: 'line'
         
          ,           
       
        legend: 
          display: true,
          position: "top",
          align: "start",   
          labels: 
            boxHeight: 3
            usePointStyle : true,            
                                     
        

我可以做些什么来设置我正在使用 chartjs 的最新 cdn 的图例

【参考方案1】：

请阅读 chart.js 版本 3 的迁移指南，它有一些重大变化，例如图例配置已移至插件部分，因此您必须这样做 options: plugins: legend:

之后它应该可以工作，否则他们有一个在线示例，您可以在其中查看有什么不同https://www.chartjs.org/docs/latest/samples/legend/point-style.html

【讨论】：

您好，感谢您的回复。但是我已经使用了那个，我认为图例标签是基于点样式的，例如您使用线条样式，那么点将与图例一样，线条。