Question

我正在尝试绘制一条包含多条线条的图表，但由于并非每个系列都有相同的时间坐标，其中一条线条被分散绘制，点未连接。

您可以在此处查看我要解释的内容：My chart

当使用提供的滑块更改日期，“Previsiones”输入或甚至点击线条时，您可以看到线条的重绘方式。

这是我正在使用的数据：

[{ "Fecha": "01-Jan-14","Dato": 13.53,"Tipo": "Previsión"},
{ "Fecha": "01-Feb-14","Dato": 13.49,"Tipo": "Previsión"},
{ "Fecha": "01-Mar-14","Dato": 13.77,"Tipo": "Previsión"},
{ "Fecha": "01-Apr-14","Dato": 13.93,"Tipo": "Previsión"},
{ "Fecha": "01-May-14","Dato": 13.94,"Tipo": "Previsión"},
{ "Fecha": "01-Jun-14","Dato": 14.09,"Tipo": "Previsión"},
{ "Fecha": "01-Jan-14","Dato": 13.53,"Tipo": "Dato Observado (futuro)"},
{ "Fecha": "01-Nov-10","Dato": 5.68,"Tipo": "Dato Observado"},
{ "Fecha": "01-Dec-10","Dato": 5.81,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jan-11","Dato": 6.06,"Tipo": "Dato Observado"},
{ "Fecha": "01-Feb-11","Dato": 6.19,"Tipo": "Dato Observado"},
{ "Fecha": "01-Mar-11","Dato": 6.11,"Tipo": "Dato Observado"},
{ "Fecha": "01-Apr-11","Dato": 6.36,"Tipo": "Dato Observado"},
{ "Fecha": "01-May-11","Dato": 6.49,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jun-11","Dato": 6.69,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jul-11","Dato": 6.94,"Tipo": "Dato Observado"},
{ "Fecha": "01-Aug-11","Dato": 7.15,"Tipo": "Dato Observado"},
{ "Fecha": "01-Sep-11","Dato": 7.16,"Tipo": "Dato Observado"},
{ "Fecha": "01-Oct-11","Dato": 7.42,"Tipo": "Dato Observado"},
{ "Fecha": "01-Nov-11","Dato": 7.51,"Tipo": "Dato Observado"},
{ "Fecha": "01-Dec-11","Dato": 7.61,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jan-12","Dato": 7.91,"Tipo": "Dato Observado"},
{ "Fecha": "01-Feb-12","Dato": 8.27,"Tipo": "Dato Observado"},
{ "Fecha": "01-Mar-12","Dato": 8.37,"Tipo": "Dato Observado"},
{ "Fecha": "01-Apr-12","Dato": 8.72,"Tipo": "Dato Observado"},
{ "Fecha": "01-May-12","Dato": 8.96,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jun-12","Dato": 9.65,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jul-12","Dato": 9.86,"Tipo": "Dato Observado"},
{ "Fecha": "01-Aug-12","Dato": 10.51,"Tipo": "Dato Observado"},
{ "Fecha": "01-Sep-12","Dato": 10.71,"Tipo": "Dato Observado"},
{ "Fecha": "01-Oct-12","Dato": 11.23,"Tipo": "Dato Observado"},
{ "Fecha": "01-Nov-12","Dato": 11.38,"Tipo": "Dato Observado"},
{ "Fecha": "01-Dec-12","Dato": 10.44,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jan-13","Dato": 10.78,"Tipo": "Dato Observado"},
{ "Fecha": "01-Feb-13","Dato": 10.4,"Tipo": "Dato Observado"},
{ "Fecha": "01-Mar-13","Dato": 10.47,"Tipo": "Dato Observado"},
{ "Fecha": "01-Apr-13","Dato": 10.88,"Tipo": "Dato Observado"},
{ "Fecha": "01-May-13","Dato": 11.22,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jun-13","Dato": 11.63,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jul-13","Dato": 11.98,"Tipo": "Dato Observado"},
{ "Fecha": "01-Aug-13","Dato": 12.14,"Tipo": "Dato Observado"},
{ "Fecha": "01-Sep-13","Dato": 12.67,"Tipo": "Dato Observado"},
{ "Fecha": "01-Oct-13","Dato": 13,"Tipo": "Dato Observado"},
{ "Fecha": "01-Nov-13","Dato": 13.07,"Tipo": "Dato Observado"},
{ "Fecha": "01-Dec-13","Dato": 13.61,"Tipo": "Dato Observado"},
{ "Fecha": "01-Jan-14","Dato": 13.53,"Tipo": "Dato Observado"}]

我做错了什么？

编辑：这是一个更好的数据集来理解问题。基本上是在第一个和最后一个之间的任何日期呈现。

[{ "Fecha" : "01-Dec-12", "Dato" : 10.44, "tipo" : "Previsión" },
{ "Fecha" : "01-Jan-13", "Dato" : 10.21, "tipo" : "Previsión" },
{ "Fecha" : "01-Feb-13", "Dato" : 10.16, "tipo" : "Previsión" },
{ "Fecha" : "01-Mar-13", "Dato" : 9.57, "tipo" : "Previsión" },
{ "Fecha" : "01-Apr-13", "Dato" : 9.53, "tipo" : "Previsión" },
{ "Fecha" : "01-May-13", "Dato" : 9.5, "tipo" : "Previsión" },
{ "Fecha" : "01-Dec-12", "Dato" : 10.44, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Jan-13", "Dato" : 10.78, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Feb-13", "Dato" : 10.4, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Mar-13", "Dato" : 10.47, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Apr-13", "Dato" : 10.88, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-May-13", "Dato" : 11.22, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Jun-13", "Dato" : 11.63, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Jul-13", "Dato" : 11.98, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Aug-13", "Dato" : 12.14, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Sep-13", "Dato" : 12.67, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Oct-13", "Dato" : 13, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Nov-13", "Dato" : 13.07, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Dec-13", "Dato" : 13.61, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Jan-14", "Dato" : 13.53, "tipo" : "Dato Observado (futuro)"},
{ "Fecha" : "01-Nov-10", "Dato" : 5.68, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Dec-10", "Dato" : 5.81, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Jan-11", "Dato" : 6.06, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Feb-11", "Dato" : 6.19, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Mar-11", "Dato" : 6.11, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Apr-11", "Dato" : 6.36, "tipo" : "Dato Observado"},
{ "Fecha" : "01-May-11", "Dato" : 6.49, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Jun-11", "Dato" : 6.69, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Jul-11", "Dato" : 6.94, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Aug-11", "Dato" : 7.15, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Sep-11", "Dato" : 7.16, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Oct-11", "Dato" : 7.42, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Nov-11", "Dato" : 7.51, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Dec-11", "Dato" : 7.61, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Jan-12", "Dato" : 7.91, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Feb-12", "Dato" : 8.27, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Mar-12", "Dato" : 8.37, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Apr-12", "Dato" : 8.72, "tipo" : "Dato Observado"},
{ "Fecha" : "01-May-12", "Dato" : 8.96, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Jun-12", "Dato" : 9.65, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Jul-12", "Dato" : 9.86, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Aug-12", "Dato" : 10.51, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Sep-12", "Dato" : 10.71, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Oct-12", "Dato" : 11.23, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Nov-12", "Dato" : 11.38, "tipo" : "Dato Observado"},
{ "Fecha" : "01-Dec-12", "Dato" : 10.44, "tipo" : "Dato Observado"}]

Answer 1

漂亮的图形！如果我理解正确，你的问题是在某些图表中缺少连接线。我认为这是一个在凹坑中重新绘制线条的错误。我建议你每次清理并重绘图表，它应该快速渲染，不会出现问题。我在这里用小提琴重新创建了你的图表，它看起来很好：

Example in question: http://jsfiddle.net/T6ZDL/6/

话虽如此，您的原始页面中的示例似乎没问题。您是否有其中一个失败的视图的数据集。

DimpleJS图表有多个系列

1 个答案: