向chartJS添加附加数据集

t0ybt7op 于 2022-11-07 发布在 Chart.js

关注(0)|答案(2)|浏览(290)

我得做这个图表

我已经成功创建了2019年的部分，里面有5个点的彩色数据。

我正在尝试添加2020年和2021年的数据，下面是我的代码：

const DATA_COUNT = 3;
const NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 70};

const labels = ['2019', '2020', '2021'];
const data = {
  labels: labels,
  datasets: [
    {
      label: 'AUD',
      data: ['51.01'],
      borderColor: '#3088E4',
      backgroundColor: '#3088E4',
    },
    {
      label: 'BEC',
      data: ['59.98'],
      borderColor: '#734C9D',
      backgroundColor: '#734C9D',
    },
    {
      label: 'FAR',
      data: ['46.31'],
      borderColor: '#4FA333',
      backgroundColor: '#4FA333',
    },
    {
      label: 'FAR',
      data: ['56.34'],
      borderColor: '#EC990F',
      backgroundColor: '#EC990F',
    },
    {
      label: 'Cumulative',
      data: ['53.41'],
      borderColor: '#999999',
      backgroundColor: '#999999',
    }
  ]
};

可在此处进行实时测试，方法是将其粘贴到“Setup”（设置）下：https://www.chartjs.org/docs/latest/samples/bar/vertical.html

chart.js

来源：https://stackoverflow.com/questions/72523569/adding-an-additional-datasets-to-chartjs

2条答案

按热度按时间

cbwuti441#

您可以在data.datasets[x].data属性内传递多个值
第一个

赞(0）回复(0）举报 2022-11-07

ehxuflar2#

我想明白了。这是一个在“数据”下面添加数据点的问题：

const DATA_COUNT = 3;
const NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 70};

const labels = ['2019', '2020', '2021'];
const data = {
  labels: labels,
  datasets: [
    {
      label: 'AUD',
      data: ['51.01', '50.49', '47.98'],
      borderColor: '#3088E4',
      backgroundColor: '#3088E4',
    },
    {
      label: 'BEC',
      data: ['59.98', '62.56', '61.94'],
      borderColor: '#734C9D',
      backgroundColor: '#734C9D',
    },
    {
      label: 'FAR',
      data: ['46.31', '49.98', '44.54'],
      borderColor: '#4FA333',
      backgroundColor: '#4FA333',
    },
    {
      label: 'REG',
      data: ['56.34', '62.29', '59.88'],
      borderColor: '#EC990F',
      backgroundColor: '#EC990F',
    },
    {
      label: 'Cumulative',
      data: ['53.41', '57.67', '53.59'],
      borderColor: '#999999',
      backgroundColor: '#999999',
    }
  ]
};

赞(0）回复(0）举报 2022-11-07

我来回答

向chartJS添加附加数据集

2条答案

相关问题

热门标签

最新问答