初始化ECharts
var myChart = echarts.init(document.getElementById('bar'));
var labelRight = {
normal: {
position: 'bottom'
}
};
option = {
title: {
text: '交錯(cuò)正負(fù)軸標(biāo)簽',
subtext: 'From ExcelHome',
sublink: 'http://e.weibo.com/1341556070/AjwF2AgQm'
},
tooltip : {
trigger: 'axis',
axisPointer : { // 坐標(biāo)軸指示器，坐標(biāo)軸觸發(fā)有效
type : 'shadow' // 默認(rèn)為直線，可選為：'line' | 'shadow'
}
},
legend: {
data:['直接訪問','郵件營(yíng)銷','聯(lián)盟廣告','視頻廣告','搜索引擎','百度','谷歌','必應(yīng)','其他','其他']
},
grid: {
top: 80,
bottom: 30
},
xAxis: {
type : 'category',
//axisLine: {show: false},
//axisLabel: {show: false},
axisTick: {show: false},
//splitLine: {show: false},
data : ['ten', 'nine', 'eight', 'seven', 'six', 'five', 'four', 'three', 'two', 'one']
},
yAxis: {
type : 'value',
position: 'top',
splitLine: {lineStyle:{type:'dashed'}},//Y軸虛線
},
series : [
{
name:'生活費(fèi)',
type:'bar',
stack: '總量',
//圖標(biāo)上的文字
/*label: {
normal: {
show: true,
formatter: ''
}
},*/
data:[-0.7,-0.9,0.2, 0.44,1,-1.1,-4,1,-2,-0.5
/*{value: -0.07, label: labelRight},
{value: -0.09, label: labelRight},
0.2, 0.44,
{value: -0.23, label: labelRight},
1,
{value: -0.17, label: labelRight},
2,
{value: -0.36, label: labelRight},
0.18*/
],
color:['#636363']
},
{
name:'總計(jì)',
type:'bar',
stack: '總量',
data:[1,2,0.2, 0.44, 4, 4,3,0.47,2,0.18],
color:['#f7af15']
},
]
};
圖示
