示例图:
配置项:
option = {
tooltip: {
trigger: 'item',
},
legend: { show: false},
grid: {
containLabel: true
},
xAxis: {
type: 'value',
show: false
},
yAxis: {
type: 'category',
data: ['汇总'],
axisTick: {
show: false
},
axisLine: {
show: true,
lineStyle: {
color: 'transparent'
}
},
axisLabel: {
color: '#333',
fontSize: 14
},
},
series: [
{
name: 'Direct',
type: 'bar',
stack: 'total',
barWidth: 30,
label: {
show: true
},
data: [320]
},
{
name: 'Mail Ad',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [120]
},
{
name: 'Affiliate Ad',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [220]
},
{
name: 'Video Ad',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [150]
},
{
name: 'Search Engine',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [820]
}
]
};