关于网友提出的“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轴的文字了:
另外还有一个问题就是,柱子太低了,绑定的点击事件,很难点上,也就不好触发点击事件了,这个能否提供解决方案下,还如何实现双击事件,这个能否完善下,谢谢!
解决方案1:
恩,好的,这倒是一种方法,谢谢了!
解决方案2:柱形太小的点击交互是没法避免的,所以当初设计API时就留了barMinHeight的控制(这其实也是多年工程经验积累的做法,百度自己的系统如果有必须点击的柱形图都是通过这个优化的),留个5~10px左右就够了
http://echarts.baidu.com/doc/doc.html#Series
至于文字显示,可以多加个判断,值太小让label显示在右侧。
关于双击
http://www.oschina.net/question/162849_146899