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 : <br/>" + params[0].name;
for (var i = 0, l = params.length; i < l; i++) {
res += "<br/>" + params[i].seriesName + " : " + params[i].value;
}
setTimeout(function (){
// 仅为了模拟异步回调
callback(ticket, res);
}, 1000)
return "loading";
}
//formatter: "Template formatter: <br/>{b}<br/>{a}:{c}<br/>{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: <br/>{a}<br/>{b}:{c}"
},
stack: "数据项",
data:[
120, 132,
{
value: 301,
itemStyle: {normal: {color: "red"}},
tooltip : { // Data config.
backgroundColor: "blue",
formatter: "Data formatter: <br/>{a}<br/>{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]
}
]
};