Graph highcharts折线图中缺少值导致没有线,只有点

Graph highcharts折线图中缺少值导致没有线,只有点,graph,highcharts,line,missing-data,Graph,Highcharts,Line,Missing Data,请看一下: 您会注意到数据中有一个空白值(第二个值),这会导致折线图显示不正确 这是虫子吗 指定缺失值以使折线图中出现间隙的正确方法是什么?i、 我不希望直线图在点1和点3之间画一条线 非常感谢您生产了一款优秀的产品 Tony。您需要将缺少的值更改为null,并指定要通过现有值创建直线/样条曲线 var chart = new Highcharts.Chart({ chart: { defaultSeriesType: 'line', renderTo

请看一下:

您会注意到数据中有一个空白值(第二个值),这会导致折线图显示不正确

这是虫子吗

指定缺失值以使折线图中出现间隙的正确方法是什么?i、 我不希望直线图在点1和点3之间画一条线

非常感谢您生产了一款优秀的产品


Tony。

您需要将缺少的值更改为null,并指定要通过现有值创建直线/样条曲线

var chart = new Highcharts.Chart({

    chart: {
        defaultSeriesType: 'line',
        renderTo: 'container'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4],
    }]

});

请参见defaultSeriesType:“样条线”作为示例。

它没有错误显示,只是绘制散点图。我认为这是因为你没有一个完整的系列,它会被这样对待。我有可能,这取决于你的数据不使用负数,试着把没有数据的集合设为0,这样你就有了
数据:[29.9,0,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4]
,这会显示一行。

好的,这很有趣,默认为散点图。我还刚刚发现,如果我使用null而不是空白字符串,它将完全满足我的需要。这实际上帮助很大,除以0(发生概率为万分之一,我不知道),这一次真的让我受益匪浅。任何不是数字或null的内容都可能导致问题(包括NaN,它是0转移的结果)。
var chart = new Highcharts.Chart({

    chart: {
        defaultSeriesType: 'line',
        renderTo: 'container'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4],
    }]

});