我正在尝试制作一张显示货币CAD和DKK的交易量的图表:
https://jsfiddle.net/askhflajsf/g7mht8tt/
使用这些文件中的数据:
但是,我如何处理这些数据集具有不同日期/ UNIX时间戳的事实?我上面的图表将DKK的数据“强制进入”CAD的时间戳 - 但这不可能是正确的吗?我该怎么办?
注意:由于StackOverflow的正文限制,以下代码段没有完整数据。
// Disable pointers
Chart.defaults.global.elements.point.radius = 0;
Chart.defaults.global.elements.point.hoverRadius = 0;
var myChartData = {
// Timestamps from http://api.bitcoincharts.com/v1/csv/localbtcCAD.csv.gz
labels: [1363085391, 1363088879, 1363120475, 1363132522, 1363214378],
// Timestamps from http://api.bitcoincharts.com/v1/csv/localbtcDKK.csv.gz
//labels: [1366383202, 1366471506, 1368121200, 1375783458, 1375953845],
datasets: [{
label: "CAD",
borderColor: "#FF0000",
fill: false,
borderWidth: 1,
data: [5.432200000000, 4.981800000000, 1.768000000000, 1.000000000000, 4.000000000000]
},
{
label: "DKK",
borderColor: "#000000",
fill: false,
borderWidth: 1,
data: [1.000000000000, 2.700000000000, 2.187400000000, 1.000000000000, 4.000000000000]
}
]
};
var ctx = document.getElementById("mychart").getContext("2d");
new Chart(ctx, {
type: 'line',
data: myChartData,
options: {
scales: {
xAxes: [{
type: "time",
ticks: {
minRotation: 90
}
}]
}
}
});
<script src="https://rawgit.com/chartjs/chartjs.github.io/master/dist/master/Chart.bundle.min.js"></script>
<canvas id="mychart"></canvas>