.net图表之ECharts随笔01-最简单的使用步骤

找了几种绘制图表的办法，后面选定了ECharts。下载链接如下，好像不同的ECharts有不同的用法，要下对。

https://gitee.com/Tuky/SomeWebFrame/tree/master/ECharts

首先，从NuGet管理中添加ECharts包，然后就可以调用绘制图表啦！

基本步骤：

1.为ECharts准备一个具备大小（宽高）的Dom

2.ECharts的js文件引入

3.js中为模块加载器配置echarts和所需图表的路径
require.config({
　　paths: {
　　　　echarts: '/Scripts/ECharts'
　　}
});

4.动态加载echarts和所需图表，回调函数中可以初始化图表并驱动图表的生成
require(
　　[
　　　　'echarts',
　　　　'echarts/chart/map' // 此处填写对应的图表类型的js文件名
　　],
　　function (ec) {
　　　　// 基于准备好的dom，初始化echarts图表
　　　　var myChart = ec.init(document.getElementById('Dom名称'));

　　　　var option = {...} // 此处填写相应的参数配置，可参考ECharts官网实例

　　　　myChart.setOption(option);
　　}
); 

 

如有不对，麻烦大神提醒指正