导入财务图表答案

【问题标题】：Import Financial chartjs导入财务图表
【发布时间】：2021-10-26 13:34:49
【问题描述】：

我正在尝试从 Chartjs 库中实现金融“烛台”图表类型（我使用的是 2.7.1 版）。

我按照文档中提供的示例步骤进行操作，但总是收到此错误“chart.min.js: 10 Uncaught Error: 'candlestick' is not a chart type.”

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

【问题讨论】：

我查看了 Chartjs 的 Github 找不到烛台？ chartjs.org/docs/3.6.0/charts/line.html 最新版本也没有直接实现。也许你需要一些基于 Chartjs 的额外库。
github.com/chartjs/chartjs-chart-financial 这是我想要实现的图表类型
您是否尝试过克隆示例并让它运行。从现在开始，您应该可以通过修改来使用它。
@sascha10000 即使通过克隆/修改示例，他也无法在当前状态下使用它。由于他使用的是chart.js v2，而金融图表仅适用于v3，所以他需要更新他的chart.js版本
是的，我已经尝试过了，但它总是给我未捕获的错误

标签： javascript chart.js candlestick-chart

【解决方案1】：

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

Chart.js v3 有一些重大的重大更改，您可以在 migration guide 中阅读这些更改

编辑：

在将财务库与捆绑器一起使用时，您需要像这样导入和注册所有内容：

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)

【讨论】：

tnks！！！这对我有很大帮助！！！！但现在的问题是更改“未捕获的错误：“烛台”不是注册控制器”我想我快疯了
那是因为你需要导入和注册所有组件，查看更新答案