ChartJS 创建自定义图例标签

osh3o9ms 于 2023-05-06 发布在 Chart.js

关注(0)|答案(1)|浏览(150)

我需要添加一些自定义标签到chart.js图例，我尝试使用这里描述的解决方案https://stackoverflow.com/a/69372812/28425。
悬停，使用以下代码

var intervals = [ { min: 0.02, max: 1.44, mean: 0.73 },
                  { min: 0.06, max: 1.57, mean: 0.76 } ]

...

plugins: {
   legend: {
     labels: {
       generateLabels: (_chart) => {
         return intervals.map((obj, i) => {
           text: `UCL ${i} ${obj.max}`,
           fillStyle: '#34d399',
           index: i,
         })
      }
    }
  },
  ...
}

我在fillStyle线上得到SyntaxError: unexpected token: ':'。
我错过什么了吗？

chart.js

来源：https://stackoverflow.com/questions/76172810/create-custom-legend-labels

1条答案

按热度按时间

rsl1atfo1#

我认为问题在于您使用的通过map方法的回调返回对象的语法。作为一个对象，你应该把它放在括号里。

plugins: {
  legend: {
     labels: {
       generateLabels: (_chart) => {
         return intervals.map((obj, i) => 
           ({
             text: `UCL ${i} ${obj.max}`,
             fillStyle: '#34d399',
             index: i,
           })
         );
       }
    }
  }
},

赞(0）回复(0）举报 2023-05-06

我来回答

ChartJS 创建自定义图例标签

1条答案

相关问题

热门标签

最新问答