ECharts
View on GitHub
Home
Example
API & Doc
Download
ZIP (Latest)
Link
Ecom-FE
Data Visualization
ZRender
option
option = { tooltip : { // Option config. Can be overwrited by series or data trigger: 'axis', //show: true, //default true showDelay: 0, hideDelay: 50, transitionDuration:0, backgroundColor : 'rgba(255,0,255,0.7)', borderColor : '#f50', borderRadius : 8, borderWidth: 2, padding: 10, // [5, 10, 15, 20] textStyle : { color: 'yellow', decoration: 'none', fontFamily: 'Verdana, sans-serif', fontSize: 15, fontStyle: 'italic', fontWeight: 'bold' }, formatter: function(params,ticket,callback) { var res = 'Function formatter :
' + params[0][1]; for (var i = 0, l = params.length; i < l; i++) { res += '
' + params[i][0] + ' : ' + params[i][2]; } setTimeout(function(){ // 仅为了模拟异步回调 callback(ticket, res); }, 1000) return 'loading'; } //formatter: "Template formatter:
{b}
{a}:{c}
{a1}:{c1}" }, toolbox: { show : true, feature : { mark : true, dataView : {readOnly: false}, magicType:['line', 'bar'], restore : true, saveAsImage : true } }, calculable : true, xAxis : { data : ['周一','周二','周三','周四','周五','周六','周日'] }, series : [ { name:'坐标轴触发1', type:'bar', data:[320, 332, 301, 334, 390, 330, 320] }, { name:'坐标轴触发2', type:'bar', data:[862, 1018, 964, 1026, 1679, 1600, 157] }, { name:'数据项触发1', type:'bar', tooltip : { // Series config. trigger: 'item', backgroundColor: 'black', formatter: "Series formatter:
{a}
{b}:{c}" }, stack: '数据项', data:[ 120, 132, { value: 301, itemStyle: {normal: {color: 'red'}}, tooltip : { // Data config. backgroundColor: 'blue', formatter: "Data formatter:
{a}
{b}:{c}" } }, 134, 90, { value: 230, tooltip: {show: false} }, 210 ] }, { name:'数据项触发2', type:'bar', tooltip : { show : false, trigger: 'item' }, stack: '数据项', data:[150, 232, 201, 154, 190, 330, 410] } ] };
Refresh ~