Question

我正在尝试将数组值传递给chart.js选项，但无法使其正常工作，这里是代码

var salesChartCanvas = $('#salesChart').get(0).getContext('2d');
var salesChart       = new Chart(salesChartCanvas);
alert(report);
var salesChartData = {labels  : ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
datasets: [
  {
    label               : 'Digital Goods',
    fillColor           : 'rgba(60,141,188,0.9)',
    strokeColor         : 'rgba(60,141,188,0.8)',
    pointColor          : '#3b8bba',
    pointStrokeColor    : 'rgba(60,141,188,1)',
    pointHighlightFill  : '#fff',
    pointHighlightStroke: 'rgba(60,141,188,1)',
    data                :  [report]
  }
]
  };

Answer 1

您以错误的方式使用了report变量。 data:[report]必须为data:report。这是解决方案。

var salesChartCanvas = $('#salesChart').get(0).getContext('2d');
var salesChart       = new Chart(salesChartCanvas);
alert(report);
var salesChartData = {labels  : ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
datasets: [
  {
    label               : 'Digital Goods',
    fillColor           : 'rgba(60,141,188,0.9)',
    strokeColor         : 'rgba(60,141,188,0.8)',
    pointColor          : '#3b8bba',
    pointStrokeColor    : 'rgba(60,141,188,1)',
    pointHighlightFill  : '#fff',
    pointHighlightStroke: 'rgba(60,141,188,1)',
    data                :  report
  }
]
};

Answer 2

感谢所有回复，我通过将所有变量放在单独的变量中，将它们插入到javascript变量中，然后最终在chart.js代码中调用它们来得到我的结果

 data  :  [g1, g2, g3, g4, g5, g6, g7]

将数组变量传递给chart.js选项

2 个答案: