我想用多条线制作一个chart.js,它们在给定的x轴上,但在不同的点上。
这是示例:http : //codepen.io/anon/pen/oBNZRO
这是我的示例数据集:
var data = {
datasets:[
{
label:"Data1",
data:[
{x:"2015",y:5},
{x:"2016",y:10}
]
},
{
label:"Data2",
data:[
{x:"2016",y:7},
{x:"test",y:8}
]
}
],
labels:["2015", "2016", "test"]
};
如您所见,我的xAxis中包含字符串,这意味着我无法使用线性xAxis。
有没有办法获取连接到正确标签的数据的x值?
提前致谢!
干杯汉尼斯
我是否说过,这可能是解决您的问题的好方法。我做了一个简单的示例,在xAxis上展示了一个带有字符串的多折线图:
https://codepen.io/anon/pen/NmVgLO
在这里您可以看到我如何构建图表“数据”的一部分
var data = {
labels:["2015", "2016", "test"],
datasets:[
{
label: "Data1",
fill: false,
lineTension: 0.1,
borderColor: "red",
pointHoverBackgroundColor: "yellow",
data: [
{x:"2015",y:5},
{x:"test",y:10}
]
},
{
label: "Data2",
fill: false,
lineTension: 0.1,
borderColor: "blue",
borderCapStyle: 'square',
pointHoverBackgroundColor: "yellow",
data: [
{x:"2015",y:5},
{x:"2016",y:10}
],
spanGaps: true,
}
]
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句