当前位置： 移动技术网 > IT编程>开发语言>.net > .net图表之ECharts随笔01-最简单的使用步骤

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

2018年11月27日  | 移动技术网IT编程  | 我要评论

三国梦想貂蝉外传,生辰八字算财运,清货

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

 

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网