找了几种绘制图表的办法,后面选定了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);
??????????? }
???????);
如有不对,麻烦大神提醒指正
.net图表之ECharts随笔01-最简单的使用步骤
原文地址:https://www.cnblogs.com/Rombo713/p/10021628.html