chart.js - Chart.js - 我在哪里可以找到应该注册的组件？

Question

我是 Chart.js 的新手，看到了 v3 文档：

Chart.js 3 是可摇树的，因此有必要导入和注册您将要使用的控制器、元素、比例和插件。

我想知道我在哪里可以找到这些注册的东西，例如，这个例子需要注册什么才能工作？

Answer 1

如果您使用未导入的内容，您将在控制台中收到错误消息。如果你想确保你拥有一切并放弃摇树的好处，你可以使用这个导入和注册：

import { Chart, registerables } from 'chart.js'

Chart.register(...registerables)

或者在一行中：

import Chart from 'chart.js/auto'

为了使示例正常工作，需要导入和注册的元素是：

• barController
• barElement
• categoryScale
• Tooltip
• Legend

一般来说，对于图表，您需要它的控制器，因此lineController对于折线图、pieController饼图等。对于折线图或雷达图、饼图、圆环图或极区图，以及条形图，您需要元素so alineElement和。然后您需要为标题、填充（用于面积图）、图例和工具提示导入提供的插件。pointElementarcElementbarElement

Answer 2

也许有点晚了，但如果你使用 npm，你可以使用 chart.js 注册所有内容

import { Chart, registerables } from 'chart.js';
Chart.register(...registerables);

或者，直接：

import Chart from 'chart.js/auto';

此外，您可以在这里看到可以为特定图表导入的所有内容，以及我在上面的回答： https ://www.chartjs.org/docs/master/getting-started/integration.html#bundlers-webpack-rollup-etc

Answer 3

它对我有用。

import { Chart } from "chart.js";
import * as Chartjs from "chart.js";

const controllers = Object.values(Chartjs).filter(
  (chart) => chart.id !== undefined
);

Chart.register(...controllers);