ahwl570 2015-04-18 08:36 采纳率: 0%
浏览 2042

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;
                        })()

                    } ]
        });

  • 写回答

1条回答 默认 最新

  • 残血断剑 2016-08-11 06:55
    关注

    遇到了和你一样的问题,最后解决了,问题不在于legend,而是引入的的文件有问题,我折线图代码是复制了条形图的代码来改,所以引入的文件不适用于折线图,你可以看看问题是否在这。(这个问题虽然过去已久但是还是回答一下,以防以后有人遇到同样的问题)

    评论

报告相同问题?

悬赏问题

  • ¥15 代码在keil5里变成了这样怎么办啊,文件图像也变了,
  • ¥20 Ue4.26打包win64bit报错,如何解决?(语言-c++)
  • ¥15 clousx6整点报时指令怎么写
  • ¥30 远程帮我安装软件及库文件
  • ¥15 关于#自动化#的问题:如何通过电脑控制多相机同步拍照或摄影(相机或者摄影模组数量大于60),并将所有采集的照片或视频以一定编码规则存放至规定电脑文件夹内
  • ¥20 深信服vpn-2050这台设备如何配置才能成功联网?
  • ¥15 Arduino的wifi连接,如何关闭低功耗模式?
  • ¥15 Android studio 无法定位adb是什么问题?
  • ¥15 C#连接不上服务器,
  • ¥15 angular项目错误