echarts散点图加趋势线_Echart绘制趋势图和柱状图总结

1 var modalChart = null;2

3 functioncreateModalTrend(convertedData) {4 if(convertedData && convertedData[0] && convertedData[1] && convertedData[2]){5 //有数据情况下

6 $("#serviceTrendChart").attr('class','box');7 var modalOption ={8 legend:{9 orient:'horizontal',10 show:true,11 x:'center',12 y:'bottom',13 data: ['数','率']14 },15 title:{16 x:'center',17 show:true,18 text:'',19 textAlign:'center',20 textStyle:{21 fontSize:14

22 }23 },24 backgroundColor: '#ffffff',25 tooltip: {26 formatter: function(params,ticket,callback) {27

28 var res = params[0].name + '
';29 for (var i = 0; i < params.length; i++) {30 if(params[i].seriesName == '数'){31 res += "数：" + params[i].value + '
';32 }33 if(params[i].seriesName == '率'){34 res += "率：" + params[i].value + '%
';35 }36 }37 returnres;38 },39 trigger: 'axis',40 backgroundColor: 'rgba(250,250,250,0.7)',//悬浮框的颜色

41 axisPointer: { //坐标轴指示器，坐标轴触发有效

42 type: 'line', //默认为直线，可选为：'line' | 'shadow'

43 lineStyle: { //直线指示器样式设置

44 color: '#D6D7D7',//纵向竖虚线的颜色

45 type: 'dashed'

46 },47 crossStyle: {48 color: 'rgba(250,190,31,0.7)'

49 }