Как интегрировать chartjs-chart-financial с Chart js
Я бы хотел использовать
chartjs-chart-financial
для построения свечного графика. Тем не мение,
chartjs-chart-financial
еще не опубликовано в npm. Я управляю
npm install
с последующим
gulp build
в каталоге с клонированным репо с https://github.com/chartjs/chartjs-chart-financial. Я вижу chartjs-chart-financial.js в
dist
папка после ее создания. Однако я не знаю, как заставить это интегрироваться с базой
chart.js
библиотека, так что я могу указать
type: candlestick
на моем графике. Мне не удалось найти ни одного примера, где это демонстрируется..
Я сейчас использую
react-chartjs-2
как обертка вокруг
chart.js
так как я работаю в React:
import React, { Component } from 'react';
import Chart from '../node_modules/chart.js/dist/chart';
class Financial extends Component {
constructor() {
super();
this.myRef = React.createRef();
}
componentDidMount() {
const ctx = this.myRef.current;
this.myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["A", "B", "C"],
datasets: [{
label: 'Test',
data: [12, 20, 15],
backgroundColor: 'gray'
}]
}
});
}
render() {
return (
<canvas ref={this.myRef}/>
);
}
}
export default Financial;
Как видите, я визуализирую образец диаграммы с типом
bar
теперь. Вместо этого я хотел бы использовать тип "свеча" вместе со связанным с ним набором данных.
Буду признателен за любую помощь!!