带表格的 Highcharts Navigator？

Question

是否可以使用具有给定数据集和时间范围的 Highcharts 导航器来触发事件以过滤下面常规 HTML 表格中显示的数据集？我根本不想要主图表，只想使用导航器功能。

基本上，我正在可视化一个时间选择器，例如过去 7 天的时间选择器，其中包含过去 7 天的数据图 - 选择了最后“24”小时，以及此 highcharts 导航器下方的 HTML 表格。

当用户在导航器中更改他的时间范围选择时，我的事件侦听器将触发 HTML 表中下面显示的行的更改。

有人对如何执行此操作有建议吗？

提前致谢！

Answer 1

只需为图表设置小高度并为导航器添加特定系列。类似的东西：http://jsfiddle.net/Yrygy/137/

var chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container',
        height: 120
    },
    yAxis: {
        height: 1   
    },
    xAxis: {
        min: 2,
        max: 4,
        lineWidth: 0,
        tickLength: 0,
        labels: {
            enabled: false
        }
    },
    navigator: {
        series: {
            data: [1,2,3,4,2,3,4,2,33,4,4,3,2,3,2,3,3,2,2,3,4]    
        }
    },
    series: [{
        data: [null]   
    }]
});