//曲线图
var
chart =
echarts.init(document.getElementByIdx_x_x_x_x_x('main'));
option = {
title : {
text: '曲线图'
},
tooltip : {
trigger: 'axis'
},
legend: {
//selectedMode:'single',//单机图例只有一个为选中状态
data:['通话总数','呼入数','座席接听数','未接听数','IVR接听数','呼出总数','呼出成功数','呼出未成功数'],
selected:{'通话总数':false}
},
toolbox: {
show : true,
feature : {
// mark : {show: true},
// dataView
: {show: true, readOnly: false},
// restore :
{show: true},
magicType :
{show: true, type: ['line', 'bar']},
saveAsImage
: {show: true},
myTool:{//自定义按钮 danielinbiti,这里增加，myTool可以随便取名字
show:true,//是否显示
title:'清除所有', //鼠标移动上去显示的文字
icon:'../../img/delete.png',
//图标
option:{},
onclick:function(option1)
{//点击事件,这里的option1是chart的option信息
var
arry=option.legend.data;
var obj=new Object();
obj.通话总数=false;
obj.呼入数=false;
obj.座席接听数=false;
obj.未接听数=false;
obj.IVR接听数=false;
obj.呼出总数=false;
obj.呼出成功数=false;
obj.呼出未成功数=false;
option.legend.selected=JSON.parse(JSON.stringify(obj));
chart.clear();
chart.setOption(option);
}
},
myTool2:{//自定义按钮 danielinbiti,这里增加，myTool2可以随便取名字
show:true,//是否显示
title:'还原所有', //鼠标移动上去显示的文字
icon:'../../img/refresh.png',
//图标
option:{},
onclick:function(option1)
{//点击事件,这里的option1是chart的option信息
var
arry=option.legend.data;
var obj=new Object();
obj.通话总数=true;
obj.呼入数=true;
obj.座席接听数=true;
obj.未接听数=true;
obj.IVR接听数=true;
obj.呼出总数=true;
obj.呼出成功数=true;
obj.呼出未成功数=true;
option.legend.selected=JSON.parse(JSON.stringify(obj));
chart.clear();
chart.setOption(option);
}
}
}
},
calculable : true,
xAxis : [
{
type :
'category',
boundaryGap
: false,
data :
resultData1.reverse()
}
],
yAxis : [
{
type :
'value',
axisLabel :
{
formatter: '{value}'
}
}
],
series : [
{
name:'通话总数',
type:'line',
data:resultData2,
smooth:
true,//光滑
},
{
name:'呼入数',
type:'line',
data:resultData3.reverse(),
smooth:
true,
},
{
name:'座席接听数',
type:'line',
data:resultData4.reverse(),
smooth: true,
},
{
name:'未接听数',
type:'line',
data:resultData5.reverse(),
smooth: true,
},
{
name:'IVR接听数',
type:'line',
data:resultData6.reverse(),
smooth: true,
},
{
name:'呼出总数',
type:'line',
data:resultData7.reverse(),
smooth: true,
},
{
name:'呼出成功数',
type:'line',
data:resultData8.reverse(),
smooth: true,
},
{
name:'呼出未成功数',
type:'line',
data:resultData9.reverse(),
smooth: true,
}
]
};
chart.setOption(option);
加载中，请稍候......
加载中…
(2018-02-11 11:31:21)