Highstock滚动条 - 单滚动条,适用于4个图表

时间:2015-09-15 12:44:29

标签: jquery highcharts highstock

Highstock滚动条

我使用过Highstock-2.1.8.zip_FILES / examples / styleled滚动条。我需要一个单个滚动条,它固定为4个图表(时间轴图表)。我该怎么办?

1 个答案:

答案 0 :(得分:1)

您可以添加四个时间序列作为堆叠系列。看到我创建的小提琴Here我有三个系列,你可以添加更多系列。添加三个/更多yAxis并将它们放置如下代码:

          yAxis: [
                      {
                        opposite : false,
                        min: 0,                    
                         labels: {
                                align: 'left',
                                x: -5
                            },
                        title: {
                            text: 'Critical',style : {
                                fontSize : '9px'
                            }
                        },
                        top: 0,
                        height: '31%',
                        offset: 0,
                        lineWidth: 2
                    },{
                        opposite : false,
                        min: 0,
                        //max: 100,
                        labels: {
                            align: 'left',
                            x: -5
                        },
                        title: {
                            text: 'Major',style : {
                            fontSize : '9px'
                        }
                        },
                        top: '30%',
                        height: '30%',
                        offset: 0,
                        lineWidth: 2
                    },{
                        opposite : false,
                        min: 0,
                        //max:10,
                        labels: {
                            align: 'left',
                            x: -5
                        },
                        title: {
                            text: 'Minor',style : {
                                fontSize : '9px'
                        }
                        },
                        top: '70%',
                        height: '30%',
                        offset: 0,
                        lineWidth: 2
                    }
                ] 

添加对应于三个yAxis的3个系列。参考小提琴链接上的例子