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

找了几种绘制图表的办法，后面选定了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);
　　}
);

 

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