百度echarts后台交互实例.doc

2、ript>在这里需要说的就是需要查询的数据，在前台页面中设置隐藏域，后台对隐藏域进行赋值例如下面代码是需要分析的条件之一，其他就不一一列举了。 现居住省份 :

3、rver"CssClass="form-controlie_widthauto">全部下面是AjaxEcharts.js即echarts于后台交互的代码$(document).ready(function(){varmyChart;vareCharts;//路径配置requ

4、ire.config({paths:{echarts:'../Content/assets/scripts/echarts'//echarts路径}});//使用require(['echarts',//echarts路径'echarts/chart/bar',//使用柱状图就加载bar模块，按需加载'echarts/chart/line'//使用柱状图就加载bar模块，按需加载],DrawEChart//异步加载的回调函数绘制图表);//创建ECharts图表方法functionDrawEChart

5、(ec){eCharts=ec;myChart=eCharts.init(document.getElementById('main'));myChart.showLoading({text:"图表数据正在努力加载..."});//定义图表optionsvaroptions={title:{text:"前台咨询登记数据分析",subtext:""},tooltip:{trigger:"axis"},legend:{data:["初始化数据"]},toolbox:{show:true,feature:{

6、mark:{show:true},dataView:{show:true,readOnly:false},magicType:{show:true,type:['line','bar']},restore:{show:true},saveAsImage:{show:true}}},calculable:true,xAxis:[{type:'category',boundaryGap:false,data:['小学']}],yAxis:[{type:'value',axisLabel:{formatte

7、r:'{value}'},splitArea:{show:true}}],grid:{width:'90%'},series:[{name:'数量',type:'line',data:[0],//必须是Integer类型的,String计算平均值会出错markPoint:{data:[{type:'max',name:'最大值'},{type:'min',name:'最小值'}]},markLine:{data:[{type:'average',name:'平均值'}]}}]};myChart.set

8、Option(options);//先把可选项注入myChart中myChart.hideLoading();getChartData();//aja后台交互}functiongetChartData(){//获得图表的options对象varoptions=myChart.getOption();varhopeAnalyV=$("#hidhopeAnalyV").val();varhopeAnaly=$("#hidhopeAnaly").val();v