Line Chart x-Axis datapoints with Strings - chart.js

Question

I want to make a chart.js with multiple lines, which are on the given x-Axis but on different points.
Here is the example:
http://codepen.io/anon/pen/oBNZRO
Here is my example dataset:
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"]
};
As you see I have strings in my xAxis, this means I cannot use a linear xAxis.
Is there a way to get the x value of the data connected to the right label?
Thanks in advance!
Cheers
Hannes

Answer 1

Has I was saying, this might be a good solution for your problem.
I've made a simple example demonstrating a multiline chart with strings at xAxis:
https://codepen.io/anon/pen/NmVgLO
Here you can see how did I build part of the chart "data"
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,
}
]
};