问题描述

highcharts legend 点击后,变成离散的点

点击legend后，曲线变成离散的点，再次点击也不能恢复

操作之前的图：

源码

            global : {
                useUTC : false
            }
        });

        var chart;
        chart = new Highcharts.Chart({

            chart : {
                renderTo : 'realCurve',
                type : 'spline',
                marginRight : 10,
                events : {
                    load : function() {

                        // set up the updating of the chart each second
                        var series = this.series[0];
                        series1 = this.series[1];
                        series2 = this.series[2];

                    }
                }
            },
            title : {
                text : valueRealname + '实时值'
            },
            xAxis : {
                type : 'datetime',
                tickPixelInterval : 150,
                title : {
                    text : '时间'
                }
            },
            yAxis : {
                title : {
                    text : valueRealname + '值'
                },
                plotLines : [ {
                    value : 0,
                    width : 1,
                    color : '#808080'
                } ]
            },
            tooltip : {
                formatter : function() {
                    return '<b>'
                            + this.series.name
                            + '</b><br/>'
                            + Highcharts
                                    .dateFormat('%Y-%m-%d %H:%M:%S', this.x)
                            + '<br/>' + Highcharts.numberFormat(this.y, 2);
                }
            },
            plotOptions : {
                spline : {
                    lineWidth : 4
                }
            },
            // 设置每条折线的标记
            legend : {
                enabled : true,
                borderWidth : 0
            },
            // 右上角的保存标记
            exporting : {
                enabled : true
            },
            // 去除右下角的标记highchart.com
            credits : {
                enabled : false
            },
            series : [
                    {
                        name : '节点一',
                        data : (function() {
                            // generate an array of random data
                            var data = [], time = (new Date()).getTime(), i;

                            for (i = -(arrayTemp1.length - 1); i <= 0; i++) {
                                data.push({
                                    x : time + i * 300000,
                                    // 设置每两个点之间时间间隔，该项目设为一个小时10*60*1000
                                    y : parseFloat(arrayTemp1[i
                                            + (arrayTemp1.length - 1)])

                                });
                            }
                            return data;
                        })()
                    },
                    {

                        name : '节点二',
                        data : (function() {
                            // generate an array of random data
                            var data = [], time = (new Date()).getTime(), i;

                            for (i = -(arrayTemp1.length - 1); i <= 0; i++) {
                                data.push({
                                    x : time + i * 300000,
                                    // y: key
                                    y : parseFloat(arrayTemp2[i
                                            + (arrayTemp1.length - 1)])

                                });
                            }
                            return data;
                        })()

                    },
                    {

                        name : '节点三',
                        data : (function() {
                            // generate an array of random data
                            var data = [], time = (new Date()).getTime(), i;

                            for (i = -(arrayTemp1.length - 1); i <= 0; i++) {
                                data.push({
                                    x : time + i * 300000,
                                    // y: key
                                    y : parseFloat(arrayTemp3[i
                                            + (arrayTemp1.length - 1)])

                                });
                            }
                            return data;
                        })()

                    },{

                        name : '节点四',
                        data : (function() {
                            // generate an array of random data
                            var data = [], time = (new Date()).getTime(), i;

                            for (i = -(arrayTemp1.length - 1); i <= 0; i++) {
                                data.push({
                                    x : time + i * 300000,
                                    // y: key
                                    y : parseFloat(arrayTemp4[i
                                            + (arrayTemp1.length - 1)])

                                });
                            }
                            return data;
                        })()

                    },
                    {

                        name : '节点五',
                        data : (function() {
                            // generate an array of random data
                            var data = [], time = (new Date()).getTime(), i;

                            for (i = -(arrayTemp1.length - 1); i <= 0; i++) {
                                data.push({
                                    x : time + i * 300000,
                                    // y: key
                                    y : parseFloat(arrayTemp5[i
                                            + (arrayTemp1.length - 1)])

                                });
                            }
                            return data;
                        })()

                    } ]
        });