文献种类:专题技术文献;
开发工具与关键技术: VS、C#
作者:方建恒 ;年级:20级 ;撰写时间: 2021 年 10 月 18日
下面我们来学习一下如何快速的制作一个饼状图,
首先我们需要一个插件,
运用插件可以让我们快速的完成我们想要的功能
在这里我们用到的是一个名为echarts的插件,
这个插件是一个基于JavaScript的开源可视化图表库。
首先我们要去到echarts的官网里将echarts的脚本文件下载下来,
然后进行引入,
在HTML部分你要创建一个div用来放置图表,如图:
注:上图中的宽高都可以根据自身要求自行定义。
接下来是script部分,
创建一个名为drawChart的方法,
然后基于准备好的dom,初始化一下echarts实例,如图:
然后我们重新回到echarts的官网,
点击导航栏里的示例,跳转到示例页面,
然后你就可以看到大多数图标的示例,
我们先在左侧选到饼状图,然后在右侧选择自己想要制作的饼状图样式,
然后点击你就会进入到编辑页面,
若是你选择的饼状图样式
饼状图制作
最新推荐文章于 2024-07-02 08:55:42 发布