echarts 堆积柱状图 百分比

为你歌舞 发布于 2016/09/20 12:18
阅读 3K+
收藏 1

@曹思源 你好,想跟你请教你个问题:

想让下边的y轴显示百分比,从后台传递一组数据,他们分别是优良差的数量,怎么才能显示出优、良、差占据整体的比例,并且在y轴显示出1%到100%,谢谢


加载中
0
省委书记沙瑞金
省委书记沙瑞金

你可以参考以下的东西:

tooltip : {
        trigger: 'axis',
        formatter: function (obj){
            var total = 0;
            for(var i = 0; i < obj.length; i++ ){
                var item = obj[i];
                total += item.value;
            }
            if(total == 0) total = 1;
            var val = '';
            for(var i = 0; i < obj.length; i++ ){
                var item = obj[i];
                val += item.seriesName+':'+(item.value / total *100).toFixed(2) + '%<br/>';
            }
            return val;
        }

    },



鸢尾花开
鸢尾花开
回复 @为你歌舞 : 您好!请问您的问题是怎么解决的呢?我看了tooltip 的formatter,那个是控制提示框数据显示格式的,并不能解决y轴占比啊
洋哥LOVE无敌
洋哥LOVE无敌
回复 @为你歌舞 : 问一下左侧如何设置
为你歌舞
为你歌舞
谢谢,这确实个解决方案,我直接从后台处理好数据,传到前台了,之前不会用这个formatter
0
zabcd117
zabcd117

这个demo里面,http://codepen.io/catalsdevelop/pen/ozYaAE

应该就是你要的效果。来自官方的demo,就对调了两个变量。

为你歌舞
为你歌舞
谢谢
返回顶部
顶部