是否可以在中使用 X 和 Y 对data
Chart.js 中用于创建条形图的选项?
data: [
['08/09/2016', 12],
['09/09/2016', 19]
],
形式为[X, Y]
我在文档中没有找到任何关于它的参考。我越接近,发现这个折线图示例:
data: [{
x: -10,
y: 0
}, {
x: 0,
y: 10
}, {
x: 10,
y: 5
}]
没有内置方法可以直接使用数据数组来创建图表。
但是您可以使用以下方法创建一个小解决方案Chart.js 插件。它们允许您处理在图表的整个创建过程中触发的事件,例如初始化之前、调整大小之后等。
Follows a small plugin that will populate all the data for you using an array :
var myPlugin = {
// We edit what is happening before the chart is initialized.
beforeInit: function(chart) {
var data = chart.config.data;
// `APIarray` is what you get from your API.
// For every data in this array ...
for (var i = 0; i < APIarray.length; i++) {
// Populate the labels array with the first value ..
data.labels.push(APIarray[i][0]);
// .. and the data with the second value
data.datasets[0].data.push(APIarray[i][1]);
}
}
};
然后您需要将这个新创建的插件添加到您的图表插件服务中:
Chart.pluginService.register(myPlugin);
Make sure to register the plugin
before creating the chart (
before calling new Chart()
), or else it won't work.
I also suggest to have an empty data in your chart (before the plugin occurs) to make sure you won't have data you don't want.
您可以看到一个完整的工作示例在这个jsFiddle上.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)