C#插入Echarts图表

开发工具与关键技术：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-docs手册的头部导航栏文档下面的配置项手册里查看配置项对应的样式。

 var option1 = {
  标题组件，包含主标题和副标题
                 title: {