//echarts设置
var echartsoptions = {
toolbox: {//工具箱
show : false
},
tooltip : {//悬浮气泡
trigger: 'axis',
axisPointer: {"type": "none"},//数值点选中后竖线的样式
enterable:true,//鼠标是否可进入详情气泡中
position: function (params) {//汽包提示定位
return [params[0],300];
},
formatter: function (params) {//气泡显示(每行3个)(formatter: "{a}</br>{b} : {c} ({d}%)"pie饼图常用)
var zht="";
if(params!=null && params.length>0){
zht+=params[0].name+'<br/>';
for(var i=0;i<params.length;i++){
zht+='<span style="width:200px;color:#fff;display: inline-block;">';
zht+=params[i].seriesName+":"+params[i].value;
if((i+1)%3==0){
zht+='</span><br/>';
}else{
zht+='</span>';
}
}
}
return zht; //返回出去
}
/*气泡提示显示一些特殊值
* formatter: function (params) {
var res = params[0].name?params[0].name:params.name;
if(params[0].name){
for (var i = 0, l = params.length; i < l; i++) {
var inx=params[i]['dataIndex'];
var number=params[i].value;
if(params[i]['series']['number']){
number= params[i]['series']['number'][inx];
}
res += '<br/>' + params[i].seriesName + ' : ' +number ;
}
}else if(params.name){
var inx=params['dataIndex'];
var number=params.value;
if(params['series']['number']){
number=params['series']['number'][inx];
}
res += '<br/>' + params.seriesName + ' : ' + number;
}
return res;
}*/
},
legend: {//图例(上方显示)
orient : 'horizontal',
y:"40px",//距离上方高度
textStyle:{fontSize:14},//字体
data:[]
},
grid:{//整个框
y:'100px',
borderWidth:'0'//框边线
},
xAxis : [//x轴
{
type : 'category',
axisLabel:{textStyle:{fontSize:14},//x轴上文字的样式
"interval":0,//小标记显示挑选间隔
"rotate":35},//标签旋转角度
boundaryGap : true,//数值点是否在y轴点开始
splitLine:{show:false},//分割线(图上的横线)
axisLine:{lineStyle:{color:"#ccc",width:1}},//x轴线的样式
data : []
}
],
yAxis : [
{
type : 'value',
"name":"%",//y轴上方显示数值意义
axisLine:{lineStyle:{color:"#ccc",width:1}},
axisLabel:{textStyle:{fontSize:14}}
}
],
series : [
{},{}//type:'line',折线,bar柱形,pie饼图
]
};
//固定样色
//颜色池
var colorPool=_this.setting.colorPool?_this.setting.colorPool:["#43a1ff","#ffb245","#b787ff","#ff776c","#53e1ee","#ff8e5a","#68dfad","#ff88a7","#8781ff","#aae07e",
"#a7c7f2","#ecb2e6","#a84200","#638c0b","#89c997","#8fc31f","#920783","#8c97cb","#32b16c","#ac6a00",
"#556fb5","#eb6100","#ae5da1","#f29a76","#448aca"];
//数据挑选颜色
for(var i=0;i<seriesData.length;i++){
seriesData[i]['type']="line";
var itemStyle={"normal":{"color":colorPool[i],"lineStyle":{"color":colorPool[i]}}};
seriesData[i]['itemStyle']=itemStyle;
}
option['series']=seriesData;
//特殊处理
var fun=function(params, ticket, callback) {
var res = params[0].name?params[0].name:params.name;
if(params[0].name){
for (var i = 0, l = params.length; i < l; i++) {
var inx=params[i]['dataIndex'];
var number=params[i].value;
if(params[i]['series']['number']){
number= params[i]['series']['number'][inx];
}
res += '<br/>' +'<i style="display:inline-block;width:10px;height:10px;background:'+params[i]['series']['itemStyle']['normal'].color+';margin-right:5px;"></i>'+ params[i].seriesName + ' : ' +number ;
}
}else if(params.name){
var inx=params['dataIndex'];
var number=params.value;
if(params['series']['number']){
number=params['series']['number'][inx];
}
res += '<br/>' +'<i style="display:inline-block;width:10px;height:10px;background:'+params['series']['itemStyle']['normal'].color+';margin-right:5px;"></i>'+ params.seriesName + ' : ' + number;
}
return res;
};
option.tooltip['formatter']=fun;