jquery - javascript 滑块，如“highstock 滑块”

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
            }
        }]

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