Javascript js图表非均匀x值

是否有一个JS图表库支持多个curce，具有不同的步骤？ 考虑这样的数据：

Curve 1 (x/y pairs) RED in Sample:
[1, 10] [10, 20] [20,20]
Curve 2 Green in Sample:
[1, 2] [5, 6] [10,10] [11,12] [15,15] [20,20]

这将产生2条x范围为1到20的曲线。第一个只有3个数据点，应该通过一条线连接。第二个在相同的x值范围内有6个点

---

哪个JS图表库可以处理这个问题？

最有可能的是，任何图表库都可以处理， 只需以图表接受的格式加载数据

这里，谷歌图表是用来绘制图表的

GoogleCharts有一种方法来连接表

因此，只需创建两个数据表，每个x范围一个

生成的联接表将用

null

因此，需要

interpolutenulls

的选项，以便在行中没有中断

请参阅以下工作片段

google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var x0=[
[1, 10], [10, 20], [20,20]
];
变量x1=[
[1, 2], [5, 6], [10,10], [11,12], [15,15], [20,20]
];
var data0=google.visualization.arrayToDataTable（x0，true）；
var data1=google.visualization.arrayToDataTable（x1，true）；
var joinData=google.visualization.data.join(
数据0，数据1，'完整'，[[0，0]]，[1]，[1]
);
变量选项={
身高：400，
是的，
图例：{
位置：“无”
},
言辞：{
视图窗口：{
最多：30
}
},
哈克斯：{
视图窗口：{
最多：30
}
}
};
var container=document.getElementById（'chart_div'）；
var chart=新的google.visualization.LineChart（容器）；
图表绘制（连接数据、选项）；
}

---

这个问题有什么进展吗。。。？