您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> 企业IT >> echarts bar series下的label position问题

echarts bar series下的label position问题

来源:网络整理     时间:2016/6/5 12:23:07     关键词:position,echarts

关于网友提出的“echarts bar series下的label position问题”问题疑问,本网通过在网上对“echarts bar series下的label position问题”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题:echarts bar series下的label position问题
描述:

@Kener-林峰 你好,想跟你请教个问题:

我做的bar图形时,要在柱子上显示文字,我是设置了label:

   series : [
       {
           name:'2011年',
           type:'bar',
           itemStyle: {
               normal: {
                   color: '#0080ff',
                   label: {
                        show: true,
                        //position : 'inside',
                        formatter : '{b}',
                        textStyle: {
                            color: '#800080'
                        }
                    }
               }
           },
           data:[...]
       } 
   ]

此时默认文字是显示在柱子上面的,当然有属性让文字显示在里面,左右,右边等,我如果设置position :'inside',让文字显示在柱子上,此时会出现一个问题,就是柱子的高度的问题,如果柱子很低,比如高度只有5,而其他柱子高度都是40以上的,此时柱子高度低的,文字显示在里面就不好看了,这种情况能否根据柱子高度来自动判断处理让position的默认显示为inside,或者right,如下图红框上显示的文字就顶到最左边y轴的文字了:

echarts,echarts nodataloadingoption,echarts下载,百度echarts,echarts 教程,echarts 实例,echarts 动态数据,echarts 中文ap

另外还有一个问题就是,柱子太低了,绑定的点击事件,很难点上,也就不好触发点击事件了,这个能否提供解决方案下,还如何实现双击事件,这个能否完善下,谢谢!


解决方案1:

恩,好的,这倒是一种方法,谢谢了!

解决方案2:

柱形太小的点击交互是没法避免的,所以当初设计API时就留了barMinHeight的控制(这其实也是多年工程经验积累的做法,百度自己的系统如果有必须点击的柱形图都是通过这个优化的,留个5~10px左右就够了

http://echarts.baidu.com/doc/doc.html#Series

至于文字显示,可以多加个判断,值太小让label显示在右侧。

关于双击

http://www.oschina.net/question/162849_146899


以上介绍了“echarts bar series下的label position问题”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/1533086.html

相关图片

相关文章