折线图不连接点,如果它们在串行对象中的值之间存在间隙

时间:2019-03-28 11:46:13

标签: javascript highcharts jsfiddle

我有一个常规图表,例如有时您没有获得某个系列的值(y值),结果最终为空,但是我的目标是遍历所有系列,如果他在下一个意甲Y中找不到值以移动到下一个并连接点。

{
                "drilldown": false,
                "y": null,
                "name": "Febbraio",
                "datetype": "string"
            },
            {
                "drilldown": false,
                "y": 0,
                "name": "Marzo",
                "datetype": "string"
            },
            {
                "drilldown": false,
                "y": null,
                "name": "Aprile",
                "datetype": "string"
            },
            {
                "drilldown": false,
                "y": null,
                "name": "Maggio",
                "datetype": "string"
            },
            {
                "drilldown": false,
                "y": 0,
                "name": "Giugno",
                "datetype": "string"
            },

目前我有 enter image description here

我想做的是用一根线连接灰色点和用一根线连接黑色点。 有人知道我在做什么错吗? 你可以在这里找到我的小提琴 http://jsfiddle.net/zg9paq6e/

1 个答案:

答案 0 :(得分:2)

您正在寻找选项connectNulls

可以使用plotOptions将其应用于单个系列或所有系列。

我将此添加到您的系列定义中以获取一行,即使信息丢失:

series: [{
  connectNulls: true,
  ...
}]

工作中的JSFiddle (我在其中一个系列中使用connectNulls) http://jsfiddle.net/ewolden/uL3cmpjv/

connectNulls上的API: https://api.highcharts.com/highcharts/plotOptions.line.connectNulls