小编Ati*_*ooq的帖子

如何将chartjs-chart-financial 与chart js 集成

我想用它chartjs-chart-financial来绘制“烛台”图表。但是,chartjs-chart-financial尚未发布到 npm。npm install我在包含gulp build来自https://github.com/chartjs/chartjs-chart-financial的克隆存储库的目录中运行。dist构建后,我在文件夹中看到 Chartjs-chart-financial.js 。但是,我不知道如何将其与基础chart.js库集成,以便我可以type: candlestick在图表上指定 a。我还没有找到任何可以证明这一点的例子。

由于我在 React 中工作,所以我目前正在使用它react-chartjs-2作为包装器:chart.js

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], …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs chart.js candlesticks react-chartjs-2

6
推荐指数
1
解决办法
2746
查看次数