ECharts柱状图百分比显示

ECharts柱状图百分比显示

ECharts柱状图百分比显示_第1张图片

//shop为div的id

var city_all_bar =  echarts.init(document.getElementById("shop"));

city_all_bar.setOption({
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow', // 默认为直线,可选为:'line' | 'shadow'
},
formatter: '{b}:{c}%'
},
grid: {
show: false,
height: '78%',
width: '90%',
top: '8%',
left: '7%',
},
xAxis:{
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: [{
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#3398DB',
fontSize: '50%',
},
interval: 0,
showMinLabel: true,
formatter: '{value} %'
},
min:90,
max: 100,
splitNumber: 10
}],
    series: [{
        name: '销量',
        type: 'bar',
        data: [92, 93, 96, 98,94]
    }]
});

你可能感兴趣的:(ECharts柱状图百分比显示)