1. 程式人生 > >echart修改在柱形圖上顯示為0的情況

echart修改在柱形圖上顯示為0的情況

 		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);
        }

這樣設定後,是不影響滑鼠浮動上柱形圖顯示的資料的。