Как интегрировать 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теперь. Вместо этого я хотел бы использовать тип "свеча" вместе со связанным с ним набором данных.

Буду признателен за любую помощь!!

0 ответов

Другие вопросы по тегам