chart.js - 带字符串的折线图 x 轴数据点

Question

我想制作一个包含多条线的 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 值？

提前致谢!

干杯汉内斯

Answer 1

我说过，这可能是解决您问题的好方法。我做了一个简单的示例，演示了 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,
      }
   ]
};