心路历程-初尝echarts

来源：互联网发布：2016音乐节数据编辑：程序博客网时间：2024/05/29 17:01

说实话是我第一次写这种东西，写的有问题请告诉我，我也是新手，想记录下自己开始编程的过程。

我用的是linechart，所以就下了两个js，一个是echsrts.js，一个是line.js，官网上有2个echarts，千万别下错了。

require.config({ paths:{echarts: '/js/echarts'} }); function graph () {require( [ 'echarts','echarts/chart/line'],function (ec) { var myChart = ec.init(document.getElementById('priceTrendChart')); var dateType = $("input[name='dateType']:checked").val();var option={tooltip : {trigger: 'axis',formatter:function(params){if(params.length>0){var str=params[0].name+'</br>';for(var i in params){str+=params[i].seriesName+':'+(params[i].value==""?"无数据":params[i].value+'元/平米')+'</br>';}return str;}}},legend: {padding:0,x : 360,y : 0,data:[]},grid:{x:60,y:20,x2:0,y2:23},xAxis : [{type : 'category',boundaryGap : true,data : [],splitLine:false,axisLabel: {interval:1}}],yAxis : [{name : '单位:元/平方米',min:0,max:20000,type : 'value',axisLabel : {formatter: '{value}'}}],series : []};$.ajax({url:'/sale/priceTrendChart.do',type:'get',dataType: 'json',data:{"floorId":'${sale.floorid}',"dateType":dateType},success:function(data){option.yAxis[0].min=data[3].min;option.yAxis[0].max=data[4].max;option.legend.data=data[1].legend;option.xAxis[0].data = data[2].xAxis;option.series = data[0].series;myChart.setOption(option);}});});}graph();

这个是js中的代码，然后我是给数组传值，自己封装json格式，比较丑陋，然后到现在ie6还有bug，也不知道是什么原因，如果有大神，求指导小弟一二，谢谢。

0 0