vue

1.样式展示

不知道有没有人在别人的网站看到过这种样式的图表。

我感觉还挺好看的。所以去网上看了一下,学习了一下。现在分享给大家。大家也可以运用到自己的博客网站里。做数据统计蛮好看的。

image-20200821165603839

2.引入Echart

其实这也是一个类似于elementUI的东西,我们首先引入他。

 npm install echarts --save

2.1 饼状图

首先我们来创建饼状图。

 





结果展示:

image-20200821170354997

2.2雷达图

 



结果展示:

image-20200821170745388
image-20200821171639203

3.总结:

其实从上面两个列子,就可以看出来。这个东西挺简单的。

  1. 引入

  2. 初始化一下

  3. 定义一下数据

  4. 绘制

  5. 在mounted时调用一下绘制方法就完事了。

这个echart感觉还挺厉害的,它的教程网址。

你可能感兴趣的:(vue)