Question

我正在尝试 Highcharts 工具来显示包含大量数据和系列比较的图表。

我需要的图形之王正好是this example中给出的图形。

除了我的必须垂直显示（y轴上的时间线，从顶部到底部，以及x轴上的值）

就像'spline inverted'示例（seen here）所示，例如，显示高度相关数据非常有用。

我可以轻易想象反转值并交换轴传说，但我不认为时间线导航器会跟随......

我还尝试将图形设置为倒置，如“带倒轴的样条曲线”示例：

chart = new Highcharts.StockChart({
           chart: {
               renderTo: 'container',
               inverted: true
           },
...

但它不起作用。

有没有办法在y轴上用时间线导航器显示完全相同的图形？

编辑：似乎不可能在HighStock图表上使用反转（as seen in doc），所以我调整了我的问题：我们可以使用HighCharts倒置图来显示HighStock图表中的多个点吗？（即使我们不会在y轴上得到任何滚动导航器）

Answer 1

Highstock不支持倒置图表，请参阅：http://api.highcharts.com/highstock#chart

编辑：可以将反向Highcharts与dataGrouping一起使用，它当然需要Highstock文件，但只需使用Highcharts.Chart（）创建图表。不要忘记从Highstock启用dataGrouping。请参阅示例：http://jsfiddle.net/PATyv/2/

代码：

 window.chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            inverted: true
        },
        title: {
            text: 'USD to EUR exchange rate'
        },
        tooltip: {
            style: {
                width: '200px'
            },
            valueDecimals: 4
        },
        yAxis: {
            title: {
                text: 'Exchange rate'
            }
        },
        xAxis: {
            type: 'datetime'
        },
        series: [{
            name: 'USD to EUR',
            data: data,
            id: 'dataseries',
            dataGrouping: {
                enabled: true
            }
        }]
    });

HighCharts - HightStock倒轴与滚动导航器

1 个答案: