echart修改在柱形圖上顯示為0的情況
阿新 • • 發佈:2018-12-15
function genBar(id){ var myChart = echarts.init(document.getElementById(id)); myChart.title = '正負條形圖'; option = { tooltip : { trigger: 'axis', axisPointer : { type : 'shadow' } }, legend: { data:['懲罰', '獎勵'] }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis : [ { type : 'value' } ], yAxis : [ { type : 'category', axisTick : {show: false}, data : {$yAxisData}, } ], series : [ { name:'獎勵', type:'bar', stack: '總量', label: { normal: { show: true, position: 'insideRight', formatter: function (params) { if (params.value > 0) { return params.value; } else { return ''; } }, }, }, data:{$rewardsData} }, { name:'懲罰', type:'bar', stack: '總量', barWidth : 40, label: { normal: { show: true, position: 'insideRight', formatter: function (params) { //如果值大於0 正常顯示,否則不顯示 if (params.value > 0) { return params.value; } else { return ''; } }, }, }, data:{$punishData} } ] }; myChart.setOption(option); }
這樣設定後,是不影響滑鼠浮動上柱形圖顯示的資料的。