1

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

我需要的图形之王正是这个例子中给出的那个。

除了我的必须垂直显示（时间线在y轴上，从上到下，值在x轴上）

就像“样条倒置”示例（参见此处）所示，例如显示与高度相关的数据非常有用。

我可以很容易地想象反转值和交换轴图例，但我认为时间线导航器不会跟随......

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

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

但它没有用。

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

编辑：似乎不可能在 HighStock 图上使用反转（如文档中所见），所以我调整了我的问题：我们可以使用 HighCharts 反转图来显示 HighStock 图表中的点数吗？（即使我们不会在 y 轴上获得任何滚动导航器）

4

1 回答 1

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
            }
        }]
    });
于 2013-03-05T10:25:13.953 回答