介绍
vue-chartjs-nolodash 是一个基于 Vue.js 和 Chart.js 的图表组件库，它提供了一组易于使用的图表组件，包括饼图、柱状图、线型图等。它的特点是不依赖 Lodash 库。
安装
首先需要安装 npm 包：
npm install vue-chartjs-nolodash --save
然后我们需要将组件库注册到 Vue 中：
import Vue from 'vue' import VueChartJsNoLodash from 'vue-chartjs-nolodash' Vue.use(VueChartJsNoLodash)
组件
环形图（Pie Chart）
-- -------------------- ---- -------
----------
---------- ------------------------------------
-----------
--------
------ -------- ---- ------------------------------------
------ ------- -
----------- -
--------
--
---- -- -
------ -
---------- -
------- ------- -------- ----------
--------- --
----- ----- --- -----
---------------- ----------- ---------- -----------
--------------------- ----------- ---------- ----------
--
-
-
-
-
---------条形图（Bar Chart）
-- -------------------- ---- -------
----------
---------- ------------------------------------
-----------
--------
------ -------- ---- ------------------------------------
------ ------- -
----------- -
--------
--
---- -- -
------ -
---------- -
------- ----------- ----------- -------- -------- ------ ------- --------
--------- -
-
------ --- ----- ---------
---------------- ----------
----- ---- --- --- --- --- --- ---
--
-
------ --- ------ ---------
---------------- ----------
----- ---- --- --- --- --- --- ---
-
-
-
-
-
-
---------折线图（Line Chart）
-- -------------------- ---- -------
----------
----------- -------------------------------------
-----------
--------
------ --------- ---- -------------------------------------
------ ------- -
----------- -
---------
--
---- -- -
------ -
---------- -
------- ----------- ----------- -------- -------- ------ ------- --------
--------- -
-
------ --- ----- ---------
---------------- ----------
------------ ----------
----- ---- --- --- --- --- --- ---
--
-
------ --- ------ ---------
---------------- ----------
------------ ----------
----- ---- --- --- --- --- --- ---
-
-
-
-
-
-
---------结论
vue-chartjs-nolodash 能够帮助我们快速搭建各种类型的图表，提高我们的工作效率。同时，它的使用方法简单明了，可以让我们快速上手使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ffd81e8991b448ddcd2