迭代Chart.js中的相同数据集

时间:2018-03-17 08:23:48

标签: javascript loops chart.js

我正在使用Chart.js处理混合图表 这是代码

if (!check(file.exists(), response, SC_NOT_FOUND, "No file " + reportPath)
    || !check(file.canWrite(), response, SC_NOT_AUTHORIZED, "Can't write " + reportPath)
    || Etc) {
  return;
}

我只需要迭代Line Dataset数据,而不是像这样写四次

var mixedChart = new Chart(ctx, {
type: 'bar',
data: {
datasets: [{
      label: 'Bar Dataset',
      data: [10, 20, 30, 40]
    }, {
      label: 'Line Dataset',
      data: [50, 50, 50, 50],

      // Changes this dataset to become a line
      type: 'line'
    }],
  labels: ['January', 'February', 'March', 'April']
  },
  options: options
  });

因为这会引发一些错误你可以帮我实现这个目标。 谢谢

1 个答案:

答案 0 :(得分:0)

你可以为它编写一个函数:

... 
{
  label: 'Line Dataset',
  data: getLineData(50, 4),
  // Changes this dataset to become a line
  type: 'line'
}
... // end of chart options

function getLineData(value, times) {
  var data = []

  for(var i=0; i < times; i++) {
    data.push(value)
  }

  return data
}