ECharts · Example

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]
 position : function(p) {
 // 位置回调
 // console.log && console.log(p);
 return [p[0] + 10, p[1] - 10];
 },
 textStyle : {
 color: 'yellow',
 decoration: 'none',
 fontFamily: 'Verdana, sans-serif',
 fontSize: 15,
 fontStyle: 'italic',
 fontWeight: 'bold'
 },
 formatter: function (params,ticket,callback) {
 console.log(params)
 var res = 'Function formatter : ' + params[0].name;
 for (var i = 0, l = params.length; i < l; i++) {
 res += ' ' + params[i].seriesName + ' : ' + params[i].value;
 }
 setTimeout(function (){
 // 仅为了模拟异步回调
 callback(ticket, res);
 }, 1000)
 return 'loading';
 }
 //formatter: "Template formatter: {b} {a}:{c} {a1}:{c1}"
 },
 toolbox: {
 show : true,
 feature : {
 mark : {show: true},
 dataView : {show: true, readOnly: false},
 magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
 restore : {show: true},
 saveAsImage : {show: true}
 }
 },
 calculable : true,
 xAxis : {
 data : ['周一','周二','周三','周四','周五','周六','周日']
 },
 yAxis : {
 type : 'value'
 },
 series : [
 {
 name:'坐标轴触发1',
 type:'bar',
 data:[
 {value:320, extra:'Hello~'},
 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',
 position : [0, 0],
 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]
 }
 ]
};

切换主题