ECharts
View on GitHub
Home
Example
API & Doc
Download
ZIP (Latest)
Link
Ecom-FE
Data Visualization
ZRender
option
option = { tooltip : { trigger: 'axis' }, legend: { data:['最高','最低'] }, toolbox: { show : true, feature : { mark : true, dataZoom : true, dataView : true, magicType:['line', 'bar'], restore : true, saveAsImage : true } }, calculable : true, dataZoom : { show : true, realtime : true, start : 20, end : 80 }, xAxis : [ { type : 'category', boundaryGap : false, data : function(){ var list = []; for (var i = 1; i <= 30; i++) { list.push('2013-03-' + i); } return list; }() } ], yAxis : [ { type : 'value', splitArea : {show : true} } ], series : [ { name:'最高', type:'line', data:function(){ var list = []; for (var i = 1; i <= 30; i++) { list.push(Math.round(Math.random()* 30)); } return list; }() }, { name:'最低', type:'line', data:function(){ var list = []; for (var i = 1; i <= 30; i++) { list.push(Math.round(Math.random()* 10)); } return list; }() } ] };
Refresh ~