Echart學(xué)習(xí)總結(jié)

1、series : name:'降雨量', type:'bar',xAxisIndex:0, -xAxis坐標(biāo)軸數(shù)組的索引，指定該系列數(shù)據(jù)所用的縱坐標(biāo)軸 yAxisIndex:1, -yAxis坐標(biāo)軸數(shù)組的索引，指定該系列數(shù)據(jù)所用的縱坐標(biāo)軸 data: (function() var oriData = 0.126,0.69,0.182,0.349,0.231,0.146,0.128,0.167,0.1,0.075,0.071,0.071,0.117,0.01,0.002 ; var len = oriData.length; while(len-) -用于將數(shù)據(jù)

2、顛倒顯示 oriDatalen *= -1; return oriData; )() tooltip : -多條線時顯示多個信息 trigger: 'axis', formatter: function(v) return v01 + '<br/>' + v00 + ' : ' + v02 + ' (m3/s)<br/>' + v10 + ' : ' + -v12 + ' (mm)' ,-顯示加載動畫clearTimeout(loadingTicket);loadingTic

3、ket = setTimeout(function () myChart.hideLoading(); myChart.setOption(option);,2200);option = legend: orient: 'horizontal', / 'vertical' x: 'right', / 'center' | 'left' | number, y: 'top', / 'center' | 'bottom' | number backgroundColor:

4、 '#eee', borderColor: 'rgba(178,34,34,0.8)', borderWidth: 4, padding: 10, / 5, 10, 15, 20 itemGap: 20, textStyle: color: 'red', selected: '降水量' : false , data: name:'蒸發(fā)量', icon : 'image:/./asset/ico/favicon.png', textStyle:fontWeight:'bold', co

5、lor:'green' , '降水量','最高氣溫', '最低氣溫' , xAxis : data : '周一','周二','周三','周四','周五','周六','周日' , yAxis : type : 'value', axisLabel : formatter: 'value ml' , type : 'value', axisLabel : formatter:

6、'value °C' , splitLine : show : false , series : name:'蒸發(fā)量', type:'bar', data:2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6 , name:'最高氣溫', type:'line', yAxisIndex: 1, data:11, 11, 15, 13, 12, 13, 10 , name:'降水量', type:'bar', data:2.6, 5.9, 9.0, 2

7、6.4, 28.7, 70.7, 175.6 ;/ 動態(tài)添加默認(rèn)不顯示的數(shù)據(jù)var ecConfig = require('echarts/config');myChart.on(ecConfig.EVENT.LEGEND_SELECTED, function (param) var selected = param.selected; var len; var added; if (selected'最低氣溫') len = option.series.length; added = false; while (len-) if (option.seriesl

8、 = '最低氣溫') / 已經(jīng)添加 added = true; break; if (!added) myChart.showLoading( text : '數(shù)據(jù)獲取中', effect: 'whirling' ); setTimeout(function () option.series.push( name:'最低氣溫', type:'line', yAxisIndex: 1, data:-2, 1, 2, 5, 3, 2, 0 ); myChart.hideLoading(); myChart

9、.setOption(option); , 2000) );var ecConfig = require('echarts/config');function eConsole(param) var mes = '【' + param.type + '】' if (typeof param.seriesIndex != 'undefined') mes += ' seriesIndex : ' + param.seriesIndex; mes += ' dataIndex : ' + param.d

10、ataIndex; if (param.type = 'hover') document.getElementById('hover-console').innerHTML = 'Event Console : ' + mes; else document.getElementById('console').innerHTML = mes; console.log(param); myChart.on(ecConfig.EVENT.CLICK, eConsole);事件類型：REFRESH: "refresh"

11、,RESTORE: "restore", RESIZE: "resize", CLICK: "click", HOVER: "hover", DATA_CHANGED: "dataChanged", DATA_ZOOM: "dataZoom", DATA_RANGE: "dataRange", LEGEND_SELECTED: "legendSelected", MAP_SELECTED: "mapSelected", PIE_SELECTED: "pieSelected", MAGIC_TYPE_CHANGED: "magicTypeChanged", DATA_VIEW_CHANGED: "dataViewChanged", TIMELINE_CHANGED: "timelineChanged