我想用它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)