ChartJS 如何为条形图创建图例项?

js81xvg6  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(170)

我对Chart.js不太熟悉。有没有办法为数据集中的每个元素创建一个图例?我想得到的是为“Votes”和“2nd Votes”分别生成一个图例。

var mybarChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['Votes', '2nd Votes'],
    datasets: [{
      label: '# of Votes',
      backgroundColor: "#000080",
      data: [80, 50]
    }]
  },

  options: {
    legend: {
      display: true,
      position: 'bottom',
      labels: {
        fontColor: "#000080",
      }
    },
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
});```
uqdfh47h

uqdfh47h1#

这里有一种方法,只需将数据点拆分为data数组中的单个对象。
(run全屏显示的代码片段)
第一个

相关问题