我是靠谱客的博主 干净鸵鸟,最近开发中收集的这篇文章主要介绍echarts饼图,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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

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

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

1.title:设置头部名称

  

2.tooptip:设置弹出提示

3.legend:设置图例

 

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

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

然后看一看最后的效果

 

 

最后

以上就是干净鸵鸟为你收集整理的echarts饼图的全部内容,希望文章能够帮你解决echarts饼图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部