.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);
}
);
如有不对,麻烦大神提醒指正
上一篇: mysql -u root -p 解释