导入财务图表

Question

我正在尝试从Chartjs库实现金融'烛台'图表类型(我使用2.7.1版本)。

我遵循文档中提供的示例步骤，但我总是得到这个错误"chart.min.js: 10 Uncaught error: 'candlestick'不是图表类型。">

谁能告诉我这种类型的扩展是如何实现的?

Answer 1

只有一个版本的chart.js发布，这个版本是针对chart.js v3的，因为你正在使用chart.js v2，所以你不能使用这个图表类型，所以你需要更新到chart.js v3。

Chart.js v3有一些重大的突破性变化，你可以在迁移指南

中阅读。编辑:

在使用财务库和捆绑器时，你需要像这样导入和注册所有内容:

import { OhlcElement, OhlcController, CandlestickElement, CandlestickController } from 'chartjs-chart-financial'
import Chart from 'chart.js/auto' // Easy way of importing everything
Chart.register(OhlcElement, OhlcController, CandlestickElement, CandlestickController)