开发工具与关键技术:VS C#
撰写时间:2019年7月16日
我们在做项目的时候常常为了页面显示的数据可以美观得体,便会用到一个Echarts插件来实现图表显示数据的效果。echarts3-docs手册里有详细的使用说明,下载echarts3-docs解压后千万不要放在中文目录里,建议直接放到D/E/F…等盘的根目录下。解压之后如果无法启动就要修改文件里面的端口号,修改完之后访问地址将变为http://127.0.0.1:端口号/echarts3-docs(把端口号替换成你改的端口数字),最后注意修改端口号的范围。
可以根据echarts3-docs手册5分钟上手里的操作步骤来绘制一个简单的图表:
1、 把下载好的Echarts插件放到项目里再引入echarts.js
<script src="~/Plugins/echarts/echarts.min.js"></script>
2、在绘图前我们需要为Echarts准备一个具备高度宽度的dom容器
3、可以通过echarts.init方法初始化一个echarts实例,声明一个变量来接收,饼状图
var PieChart;
PieChart = echarts.init(document.getElementById('chartOne'));
4、指定图表的配置项和数据,可以在echarts3-docs手册里找到需要的饼状图。在左边的配置项里调试效果,右边便会显示左边调试的样式。也可以在echarts3