echarts 如何改变饼图引导线labelLine和label的位置,如下图 40C

图片说明

3个回答

你现在需要调整的其实就是label的位置 但是echarts的API 中 定义了 label["position"]属性只有3种: inner/inter , outer , center
并不支持自定义图例偏移 选用outer的话 会默认由饼块中间部分引出图例 只能设置labelLine 的length和length2来微调图例与饼图的距离

qq_31754085
IT迷你白 这个需求是必须的么 如果是那你找找你们公司的前端看看他们怎么说
2 年多之前 回复
qq_36063167
豆豆_1995 回复IT迷你白: 大佬,关键是我是个做后端的,前端不是很牛啊
2 年多之前 回复
qq_31754085
IT迷你白 兄弟 不是不帮你 我查了echarts,highcharts, fusionCharts的API 全都没有提供这个的设置 我估计没有图表插件能支持这个功能 除非你自己改源码去
2 年多之前 回复
qq_36063167
豆豆_1995 回复IT迷你白: 我是主攻后端的,前端这边好多都不太懂
2 年多之前 回复
qq_36063167
豆豆_1995 回复IT迷你白: 那大佬还有什么控件推荐的吗,我主要要凸显出相位角度
2 年多之前 回复
qq_31754085
IT迷你白 这个确实没办法 我把API来回看了好几遍 确实无法设置图例的起始位置, 建议你找个别的控件 不要再在这上面浪费时间了
2 年多之前 回复
qq_36063167
豆豆_1995 你理解了我的意思了,现在我不知道怎么做,小白一个
2 年多之前 回复

不确定你想要做成什么样?我这边可以将label位置放入里面这样处理:
label: {
normal: {
textStyle: {
color: 'rgba(255, 255, 255, 0.3)'
},
position:'inside' //默认自适应,水平布局为'top',垂直布局为'right',可选为 'inside'|'left'|'right'|'top'|'bottom'
}
},

qq_36063167
豆豆_1995 主要是做成label和labelLine指向后面的那个半径,看起来像是指向角
2 年多之前 回复

label: {
normal: {
// formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
formatter: '{a|{b}}\n{hr|}\n{per|{d}%}',
rich: {
a: {
color: '#999999',
fontSize: 11,
lineHeight: 20,
align: 'center'
},
hr: {
width: '100%',
height: 0,
alien:'center'
},
per: {
color: '#000000',
align: 'center',
fontSize: 15,
}
}
},
},

你试下这个,我感觉有点效果

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐