Highstock：我们可以将烛台图旋转 90 度吗？

Question

我希望使用 Highstock 在折线图上绘制烛台图。我知道这听起来很奇怪，但我需要将烛台图顺时针旋转 90 度。我现在的代码是：

Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/new-intraday.json', function (data) {

// create the chart
Highcharts.stockChart('container', {


    title: {
        text: 'AAPL stock price by minute'
    },

            navigator: {
                enabled: false
            },
    rangeSelector: {
        enabled: false
    },
    
    series: [{
        name: 'AAPL',
        type: 'candlestick',
        data: data,
        tooltip: {
            valueDecimals: 2
        }
    },{
        name: 'TEST',
        type: 'line',
        data: data
    }]
});

});

JSFiddle here

我想要得到的是以下内容（类似于...）：

有什么（简单的）想法吗？

Answer 1

Highstock不适应这种定制。唯一简单的方法似乎是创建两个重叠的图表 - 一个倒置的和一个具有透明背景的图表，但我们必须考虑许多限制，例如工具提示。

chart: {
  inverted: true,
  ...
}

现场演示：https://jsfiddle.net/BlackLabel/nb1jyaq5/

API参考：https://api.highcharts.com/highcharts/chart.inverted

Highstock：我们可以将烛台图旋转 90 度吗？

Highstock: Can we rotate 90 degrees a candlestick chart?

highcharts

rotation

candlestick-chart