像“highstock slider”这样的javascript滑块

Question

如何获得滑块，就像 highstock滑块

一样

或

如何自定义highstock以便我只能使用其滑块无图表。我想改变页面内容，如表格上的滑块移动少数图表。

请参考图像以查看问题

在移动或更改滑块时，我需要更改完整的页面数据，如“表格数据和图表”

Answer 1

您可以尝试使用http://jsfiddle.net/f7Y9p/

yAxis: {
            height: 0,
            gridLineWidth: 0,
            labels: {
                enabled: false
            }
        },
        xAxis: {
            lineWidth: 0,
            tickLength : 0,
            labels: {
                enabled: false
            }                   
        },
series : [{
            name : 'AAPL',
            lineWidth: 0,
            marker: {
                enabled: false,
                states: {
                    hover: {
                        enabled: false
                    }
                }
            },
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]

只有导航器的空图表，然后捕获afterExtremes（）（http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes）并获得值，然后通过setExtreme（）函数http://api.highcharts.com/highstock#Axis.setExtremes()在其他图表中设置它。