echart

//首頁

function loadChart3(){

var myChart = echarts.init(document.getElementById('baobiao03'));

option = {

tooltip : {

trigger: 'axis',

formatter: "{c}個"

},

color:['#9dbbf2'],

calculable : false,

grid: { zlevel: 1,

z: 0,

x: 10,

y: 25,

x2:10,

y2:40,

borderWidth:'0'

xAxis : [

{ splitLine:{show:false},

splitArea:{show:false},

type : 'category',

axisLine : {

lineStyle:{

color: '#dedede',

width:1,

}

axisTick:{

show:false

axisLabel : {

textStyle : {

color : '#666'

interval: 0

data : ['1591','992','693','4wifi59','995']

],

yAxis : [

{

type : 'value',

show : false

series : [

name:'按時',

type:'bar',

barWidth : 40,

itemStyle:{

normal:{

// barBorderRadius:[12, 12, 0, 0],

label: {

show: true,

color : '#818ab3',

position: 'top',

formatter: '{c}'

}},

data:[99, 80,86,78,35]

]

};

myChart.setOption(option);

function loadChart(){

myChart = echarts.init(document.getElementById('baobiao01'));

trigger: 'item',

formatter: "{a} <br/>{b} : {c} ({d}%)"

color:['#00af7b','#efc612','#d64d54','#47a3e9','#a27ac3'],

type:'pie',

radius : [10, 105],

center : ['50%', 115],

roseType : 'area',

max: 40, // for funnel

sort : 'ascending', // for funnel

itemStyle : {

normal : {

label : {

formatter : function (params) {

return params.name+'['+(params.percent - 0).toFixed(0) + '%]'

textStyle : {color : '#333'},

labelLine : {

show : true,

length:'-18',

data:[

{value:10, name:'4G 1'},

{value:5, name:'4G 2'},

{value:15, name:'4G 3'},

{value:25, name:'4G 34'},

{value:20, name:'4G 5'},

// 為echarts對象加載資料

function loadChart2(){

var myChart = echarts.init(document.getElementById('baobiao02'));

show:false,

formatter: "{c}%"

color:['#55a4fe'],

grid: { zlevel: 0,

x: 125,

y: 10,

x2: 30,

y2: 40,

show : false,

boundaryGap : [0, 0.01]

type : 'category' ,

color : '#222'

data : ['1000111','15111','10811','10211',' 111','221']

name:'222',

barWidth : 25,

itemStyle:{normal:{

barBorderRadius:12,

show: true,/*

textStyle : {color : '#fff'},*/

position: 'insideLeft',

formatter: '18.2萬 {c}%'

data:[90, 85, 70, 60, 25,80]

function loadChart4(){

var myChart = echarts.init(document.getElementById('baobiao04'));

trigger: 'axis'

x: 20,

y: 30,

x2:20,

y2:35,

legend: {

y: '30px',

data:['上個月','當月']

color:['rgba(226,192,44,0.9)','rgba(52,199,103,0.9)'],

calculable : true,

splitLine:{show:false},

boundaryGap : false,

data : ['1日','6日','11日','16日','21日','26日','31日']

name:'上個月',

type:'line',

smooth:true,

itemStyle: {

normal: {

areaStyle: {

type: 'default',

color : 'rgba(226,192,44,0.9)',

//(function (){

// var zrColor = require('zrender/tool/color');

// return zrColor.getLinearGradient(

// 0, 200, 0, 400,

// [[0.8, 'rgba(226,192,44,0.8)'],[0, 'rgba(250,223,105,0.6)']]

// )

// })()

data:[10, 12, 21, 54, 260, 830, 710]

name:'當月',

color : 'rgba(52,199,103,0.9)',

data:[30, 182, 434, 791, 390, 30, 10]

/*function loadChart4(){

data:['當月','上月']

color:['#ffc352','#55acee'],

y: 20,

data : ['1号','5号','10号','15号','20号','25号','30号']

barBorderRadius:[12, 12, 0, 0],

data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]

name:'上月',

yAxisIndex: 1,

data:[2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]

}*/

function loadChart5(){

var myChart = echarts.init(document.getElementById('baobiao05'));

data:['11(MB)','22(MB)'],

y: '20px',

x: 40,

y: 50,

x2:40,

data : ['1日','5日','10日','15日','20日','25日','30日']

{splitLine:{show:false},

formatter: '{value}'

name:'上個月(MB)',

data:[11, 11, 15, 13, 12, 13, 10],

markPoint : {

data : [

{type : 'max', name: '最大值'},

{type : 'min', name: '最小值'}

markLine : {

{type : 'average', name: '平均值'}

name:'當月(MB)',

data:[10, 20, 20, 50, 30, 20, 60],

{name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}

{type : 'average', name : '平均值'}

function loadChart6(){

var myChart = echarts.init(document.getElementById('baobiao06'));

x: 55,

y2: 10,

data : ['11','22','222','33',' 44','2231']

name:'212',

barWidth : 15,

textStyle : {color : '#818ab3'},

position: 'right',

formatter: '{c}%'

function loadChart7(){

var myChart = echarts.init(document.getElementById('baobiao07'));

formatter: "{c}萬元"

color:['#e5bc45'],

y: 45,

data : ['0','2','4','6','8','10','12','14','16','18','20','22','24']

name:'2121',

data:[99, 80,86,78,60,88,99, 80,86,78,60,88,99]