我从一个观察者函数中的某些服务获取数据点值
attrPrice这是我们在数据点中获得的数据格式：
_extractBarChartData: function (raw) {
console.log("_extractBarChartData data is", raw)
var _barData = [];
if (raw !== null) {
// tagName = raw.tags.map(x => x.name);
tagsArray = raw.tags;
for (var i = 0; i < tagsArray.length; i++) {
if (this.barChartTags[i] == tagsArray[i].name) {
var datapoints = raw.tags[i].results[0].values;
console.log("datapoints values is", datapoints);
}
}
}
}
现在，我正在使用chart.js库创建一个条形图，我在ready函数中定义了这些代码。
[1490725800000, 0, 0]
[1493145000000, 0, 0]
[1495564200000, 0, 0]
[1497983400000, 0, 0]
[1500402600000, 0, 0]
[1502821800000, 0, 0]
[1505241000000, 0, 0]
[1507660200000, 0, 0]
[1510079400000, 0, 0]
[1512498600000, 0, 0]
[1514917800000, 0, 0]
[1517337000000, 0, 0]
如上所述，我现在使用ready: function () {
var barData = {
labels: ['Mar 17', 'Apr 17', 'May 17', 'Jun 17', 'Jul 17', 'Aug 17', 'Sep 17', 'Oct 17,', 'Nov 17', 'Dec 17', 'Jan 18', 'Feb 18'],
datasets: [
{
label: 'Starts1',
data: [1, 2, 3, 2, 3, 2, 1, 1, 2, 1, 2, 1],
backgroundColor: "rgb(255,0,0)",
},
{
label: 'Starts2',
data: [1, 2, 3, 2, 1, 2, 2, 1, 2, 1, 1, 2, 2],
backgroundColor: "rgb(25,16,0)"
},
{
label: 'Starts3',
data: [2, 3, 1, 1, 2, 1, 2, 3, 1, 2, 2, 1, 1],
backgroundColor: "rgb(22,0,0)"
},
{
label: 'Starts4',
data: [1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1],
backgroundColor: "rgb(3,99,2)"
}
]
};
var options = {
scales: {
xAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
},
stacked: true
}],
yAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
},
stacked: true
}]
}//,
//title: {
// display: true,
// text: 'Last 12 Months'
// }
};
//var context = document.getElementById('clients').getContext('2d');
var context = this.$.clients.getContext('2d');
//var clientsChart = new Chart(context).Bar(barData);
var clientsChart = new Chart(context, {
type: 'bar',
data: barData,
options: options
});
}
变量中的硬编码值作为上面的数据barData，我想将1490725800000和其他数组的第一个值传递给像这样标签的标签：{ {1}}依此类推，在数据集内部的数据下，希望像这样传递第二个值。
[1490725800000, 0, 0]我们如何动态更改['1490725800000 ', '1490725800000 ', '1490725800000 ]等数据点格式。