导入Financial chartjs

Question

我正在尝试从Chartjs库(我使用2.7.1版)中实现Financial“candlestick”图表类型。

我遵循了文档中提供的示例的步骤，但是我总是得到这样的错误："chart.min.js: 10unauect Error：'candlestick‘不是一种图表类型。“

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

Answer 1

只发布了1个版本的chart.js，此版本用于chart.js v3，因为您使用的是chart.js v2，因此无法使用此图表类型，因此需要更新到chart.js v3。

您可以在migration guide中阅读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)