Chart.JS 使用特定图表减少包大小

Question

在 Chart.JS 的文档中，快速入门指出，当将包导入为

import Chart from 'chart.js/auto'

时，它将包含所有功能。

我只想使用折线图，但没有关于如何使用它的文档。在捆绑优化部分，它说“您需要导入并注册应用程序中所需的组件”，我不明白如何才能只导入折线图所需的组件。

我必须这样做，因为我正在开发的环境的磁盘空间非常有限。

Answer 1

我已经使用

react-chartjs-2

完成了它，并且有很棒的文档。如果有人也想使用它，这里有示例。

感谢这篇文章 使用步骤 #4 将 Javascript 包缩小 50% 的 4 种方法。

Answer 2

您可以将其导入：

 import { Chart, LineController, LineElement, LinearScale } from "chart.js";
 Chart.register(LineController, LineElement, LinearScale);

我已经在github上回答了这个问题

https://github.com/chartjs/Chart.js/issues/11247