Блог

Используя 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 здесь

Я хочу получить следующее (что-то вроде …):

Есть (простая) идея?

Highstock не приспособлен для такого рода настройки. Кажется, что единственным простым способом является создание двух перекрывающихся графиков — одного перевернутого и одного с прозрачным фоном, но мы должны учитывать множество ограничений, таких как, например, всплывающая подсказка.

 chart: {
  inverted: true,
  ...
}
 

Живая демонстрация: https://jsfiddle.net/BlackLabel/nb1jyaq5 /

Ссылка на API: https://api.highcharts.com/highcharts/chart.inverted