| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- //part1
- var container1 = echarts.init(document.getElementById('container1'));
- container1.setOption({
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: false,
- label: {
- show: true,
- backgroundColor: '#333'
- }
- },
- // formatter: function(datas)
- // {
- // var res = datas[0].name + '<br/>', val;
- // for(var i = 0, length = datas.length; i < length; i++) {
- // val = (datas[i].value) + '%';
- // res += datas[i].seriesName + ':' + val + '<br/>';
- // }
- // return res;
- // }
- },
- legend: {
- top: 30,
- data: [],
- textStyle: {
- color: '#fff'
- }
- },
- xAxis: {
- // name: '时',
- data: [],
- axisLine: {
- lineStyle: {
- color: '#ccc'
- }
- },
-
- },
- yAxis: {
- name: '数量',
- splitLine: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: '#ccc'
- }
- }
- },
- series: [{
- name: '数量',
- type: 'bar',
- barWidth: 18,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(
- 0, 0, 0, 1, [{
- offset: 0,
- color: '#14c8d4'
- },
- {
- offset: 1,
- color: '#43eec6'
- }
- ]
- )
- }
- },
- label: {
- normal: {
- show: true,
- position: 'top', //顶部数据显示位置
- formatter: '{c}' // 这里是数据展示的时候显示的数据
- }
- },
- data: []
- }]
- });
- //受理渠道24小时统计 part2
- var qd_box = echarts.init(document.getElementById('qd_box'));
- qd_box.setOption({
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: false,
- label: {
- show: true,
- backgroundColor: '#333'
- }
- },
- // formatter: function(datas)
- // {
- // var res = datas[0].name + '<br/>', val;
- // for(var i = 0, length = datas.length; i < length; i++) {
- // val = (datas[i].value) + '%';
- // res += datas[i].seriesName + ':' + val + '<br/>';
- // }
- // return res;
- // }
- },
- legend: {
- top: 30,
- data: [],
- textStyle: {
- color: '#fff'
- }
- },
- xAxis: {
- // name: '时',
- data: [],
- axisLine: {
- lineStyle: {
- color: '#ccc'
- }
- },
-
- },
- yAxis: {
- name: '比率',
- splitLine: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: '#ccc'
- }
- }
- },
- series: [{
- name: '渠道占比',
- type: 'bar',
- barWidth: 18,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(
- 0, 0, 0, 1, [{
- offset: 0,
- color: '#14c8d4'
- },
- {
- offset: 1,
- color: '#43eec6'
- }
- ]
- )
- }
- },
- label: {
- normal: {
- show: true,
- position: 'top', //顶部数据显示位置
- formatter: '{c}%' // 这里是数据展示的时候显示的数据
- }
- },
- data: []
- }]
- });
- Ajax();
- function Ajax() {
- var index = layer.load(1, {
- shade: [0.5, '#030303'] //0.1透明度的白色背景
- });
- $(".txbox").html('');
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Info/GetSourceInfo",
- dataType: 'json',
- async: true,
- data: {
- // token:token
- },
- success: function(result) {
- if(result.state.toLowerCase() == 'success') {
- layer.close(index);
- var qdc_counts = result.data.b;
- var qdc_legend = [];
- var qdc_ser_data = [];
- $(qdc_counts).each(function(i, n) {
- qdc_ser_data.push(n.Count)
- qdc_legend.push(n.Source);
- })
- container1.setOption({
- legend: {
- data: qdc_legend
- },
-
- xAxis:{
- data:qdc_legend
- },
- series: {
- data:qdc_ser_data
- }
- });
- var shouLiQuDao = result.data.a;
- var qd_legend = [];
- var ser_data = [];
- var qd_label = {
- normal: {
- show: true,
- position: 'inside',
- formatter: '{c}%'
- }
- };
- $(shouLiQuDao).each(function(i, n) {
- ser_data.push(n.percent)
- qd_legend.push(n.source);
- })
- qd_box.setOption({
- legend: {
- data: qd_legend
- },
-
- xAxis:{
- data:qd_legend
- },
- series: {
- data:ser_data
- }
-
- });
- }
- }
- });
- }
- setInterval(Ajax, huayi.config.indextime); //Ajax调用函数
|