0

当我添加第二个系列时,我的 highchart 崩溃了 chrome。
看不到要调试
的 Chrome 控制台.. :( 有人知道吗?

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line',
                margin: [40,10,60,80],
            },
            title: {
                text: 'Temperature Today'
            },
            xAxis: {
                type: 'datetime',    
                dateTimeLabelFormats: {
                    day: '%H:%M'
                },
                tickInterval: 3600 * 1000,
                labels: {
                    rotation: -45,
                    align: 'right',

                    style: {
                        fontSize: '10px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                },
            }, 
            yAxis: {
                title: {
                    text: 'Temperature'
                },
                minorGridLineWidth: 0,
                /* gridLineWidth: 0, */
                /* alternateGridColor: null */
            },
            tooltip: {
                formatter: function() {
                        return ''+
                        Highcharts.dateFormat('%H:%M', this.x) +': '+ this.y;
                }
            },
            plotOptions: {
                spline: {
                    lineWidth: 4,
                    states: {
                        hover: {
                            lineWidth: 3
                        }
                    },
                    marker: {
                        enabled: false,
                        states: {
                            hover: {
                                enabled: true,
                                symbol: 'circle',
                                radius: 3,
                                lineWidth: 1
                            }
                        }
                    },
                }
            },
            series: [{
                    name: 'Temperature',
                    data: temp,
                    type: 'line',
                    showInLegend: false,
                    pointInterval: 60 * 1000,
                    pointStart: Date.UTC(2006, 0, 1),
                        marker: {
                            enabled: false
                        },
                    dashStyle: 'solid',
                    yAxis: 0,
                    xAxis: 0,
                    } , {
                    name: 'Humdity',
                    data: hum,
                    yAxis: 1,
                    xAxis: 0,
                    showInLegend: false,
                    type: 'line',
             }],
            navigation: {
                menuItemStyle: {
                    fontSize: '6px'
                }
            }
        });
    });

});
4

1 回答 1

1

你只有一个yAxis,所以它会中断,因为你将第二个系列设置为显示到第二个(是的,这就是yAxis: 1意思)。

删除它或创建第二个yAxis.

更新

  • 使用yAxis: 0参考第一个和1第二个。
  • 在jsfiddle 的第 36 行,之后丢失。}
  • 之前存储数据。

演示

于 2013-02-04T17:46:27.490 回答