echarts饼图

80 阅读 0 评论 53 点赞

我是靠谱客的博主干净鸵鸟，这篇文章主要介绍echarts饼图，现在分享给大家，希望可以做个参考。

如何在页面制作一个简易的饼图，首先找到一个制作饼图的插件，这里我使用的是echarts ，然后使用插件添加各种参数就可以很快制作一个简易的饼图，下面将简单的制作一个饼图演示。

首先肯定是先引入插件，关于插件可以到echarts官网下载。

然后在HTML里写一个容器并初始化，这个容器需要一开始赋予高度和宽度，使得初始化的时候将数据带入节点，除非后面在script里使用高度与宽度的参数。如下图

然后使用组件配置饼图的各种数据，使用一个对象将组件包括在一起最后将这个配置好的对象添加初始化好的容器中，下面将介绍使用到的组件

1.title：设置头部名称

2.tooptip：设置弹出提示

3.legend：设置图例

4.series-pie：配置饼图的百分比

最后将配置好的数据添加到容器

然后看一看最后的效果

以上就是干净鸵鸟最近收集整理的关于echarts饼图的全部内容，更多相关echarts饼图内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。