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);
}
Echarts——柱状图(各参数详细描述)
最新推荐文章于 2024-08-27 12:00:00 发布