Echarts——柱狀圖(各引數詳細描述)
阿新 • • 發佈:2019-02-12
var echarts = require('echarts');
var myChart = echarts.init(document.getElementById('item'));
let option = {
title : {
text: (new Date()).getFullYear()+'年度',
},
tooltip : {
trigger: 'axis'
},
legend: {
data:['入庫數','取件數','退件數' ]
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true ,
xAxis : [
{
type : 'category',
data : ['天天快遞','申通快遞','德邦快遞']
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'入庫數',
type:'bar',
data:[12,,34,20],
markPoint : {
data : [
{type : 'max', name: '最大值'},
{type : 'min', name: '最小值'}
]
},
markLine : {
data : [
{type : 'average', name: '平均值'}
]
}
},
{
name:'取件數',
type:'bar',
data:[14,11,40],
markPoint : {
data : [
{type : 'max', name: '最大值'},
{type : 'min', name: '最小值'}
]
},
markLine : {
data : [
{type : 'average', name: '平均值'}
]
}
},
{
name:'退件數',
type:'bar',
data:[34,12,8],
markPoint : {
data : [
{type : 'max', name: '最大值'},
{type : 'min', name: '最小值'}
]
},
markLine : {
data : [
{type : 'average', name: '平均值'}
]
}
},
]};
myChart.setOption(option);
}