使用Chart.js,您可以创建线图,但需要提供标签和数据集。例如:
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fill: false,
lineTension: 0.1,
backgroundColor: "rgba(75,192,192,0.4)",
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: [65, 59, 80, 81, 56, 55, 40],
}
]
};
问题在于您有固定数量的标签(在本例中为7),并且您还需要为每个数据集提供7个数据条目。那么,如果您有未知数量的标签和数据条目会怎样呢?
如果一个数据条目包含数字和时间呢:
Entry {
number: 127
time: 10:00
}
如果您想在X轴上显示所有时间,并在Y轴上显示所有数字,按照X轴上的时间排序。使用Chart.js能实现吗?