Question

朋友，

我想在两个系列之间显示连线如果锯齿中缺少任何y轴值。因为我附上了上部系列的代码＆＃34; tokio＆＃34;行军月y轴价值缺失。我希望线条应该是连贯的。

以下是我的代码。

任何人都可以对此有所了解，请帮助。

  $(function () {
            var seriesdata = [];  
            var options = {
                chart: {
                    type: 'spline'
                },
                title: {
                    text: 'Monthly Average Temperature',
                    x: -20 //center
                },
                subtitle: {
                    text: 'Source: WorldClimate.com',
                    x: -20
                },
                xAxis: {
                    categories: [],
                    min: 0
                },
                yAxis: {
                    title: {
                        text: 'Temperature (°C)'
                    } 
                },
                tooltip: {
                    valueSuffix: '°C'
                },               
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'middle',
                    borderWidth: 0
                },
                series: [{ name: 'tokio', data: [['Jan', 7.0], ['Feb', 6.9], ['Mar', null],['Apr', 18.2]] },
                        { name: 'NewYork', data: [['Jan', -0.2], ['Feb', 0.8], ['Mar', 5.7], ['Apr', 11.3], ['May', 17.0]] }
                ]
            };

            ///To pass category from json object 
            var dataarrey = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                           'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
            var items = [];
            var item;
            for (i = 0; i < dataarrey.length; i++) {
                item = { data: dataarrey[i] };
                items.push(item);
            }           

            for (i = 0; i < items.length; i++)
            {
                options.xAxis.categories[i] = items[i].data;
            }

            $('#container').highcharts(options);

        });

Answer 1

查看connectNulls属性：

http://api.highcharts.com/highcharts#plotOptions.area.connectNulls

Answer 2

只需删除空值的点：

series: [
    { 
        name: 'tokio', 
        data: $.grep([['Jan', 7.0],['Feb', 6.9],['Mar', null],['Apr', 18.2]],
            function(i){
                return i[1] != null;
             })
    },
    { 
        name: 'NewYork', 
        data: [['Jan', -0.2], ['Feb', 0.8], ['Mar', 5.7], ['Apr', 11.3], ['May', 17.0]]
    }
]

HighChart Line Draw问题（如何绘制2点之间的连续线）

2 个答案: