Как использовать Chart.js для рисования смешанных финансовых / подсвечников и гистограмм? - PullRequest
Новая
       54

Как использовать Chart.js для рисования смешанных финансовых / подсвечников и гистограмм?

0 голосов
/ 05 ноября 2019

Я пытаюсь создать комбинацию подсвечника (представляющего данные о запасах) и гистограммы (представляющего объем).

Я уже отобразил их на одном графике, но отображение и компоновка I 'У меня возникли проблемы с.

enter image description here

Во-первых, данные свечи и бара располагаются рядом, а не накладываются друг на друга. Другая ошибка заключается в том, что масштаб данных объема для гистограммы не представлен должным образом по оси Y (которая использует данные от свечей в качестве основы).

Вот мой текущий код для визуализации диаграммы: 

chart = new Chart(ctx, {
    type: 'candlestick',
    data: {
        labels: labelsData,
        datasets: [{
            label: "My Data",
            data: chartData
        },
        {
            label: 'Volume',
            data: volData,
            type: 'bar'
        }]

    }
});
  • labelData содержит значения Date для каждой записи элемента
  • chartData содержит объект JSON с c, h, l, o, t (закрытие, максимум, минимум, открытие, дата)для представления данных о запасах для каждой записи элемента
  • volData - это массив, содержащий числа для представления объема для каждой записи элемента

Что следует добавить, чтобы сделать подсвечники и бары одинаковымистолбцы, а также имеют ли столбики собственный масштаб, чтобы они не превышали высоту графика?

...