Highcharts Navigator带有桌子？

Question

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

基本上，我可视化过去7天的时间选择器，过去7天的数据图 - 最后选择的“24”小时，以及此高级图表导航器下方的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]   
    }]
});