ECharts如何在柱子上显示数值、如何添加百分号、百分比、position属性的用法
先说一箱如何显示数值!series : [{name: '稽查量',barWidth: 20,type: 'bar',stack: '模型',itemStyle: {normal: {label: {show: true, //开启显示positio
·
先说一箱如何显示数值!
series : [
{
name: '稽查量',
barWidth: 20,
type: 'bar',
stack: '模型',
label: {
show: true, //开启显示
position: 'top', //在上方显示
formatter: '{c}%',//显示百分号
textStyle: { //数值样式
color: 'black',//字体颜色
fontSize: 10//字体大小
}
}
}]
这里讲一下在柱子的其他位置上显示数值!
1、position属性是设置数值显示位置的,它拥有多个属性值;下面开列出来:
//position 属性值都有哪些
1、inside(自适应,柱状内部中央),top(柱状外的正上方),bottom(柱状外的正下方),left(柱状外的左边),right(柱状外的右边)。
2、坐标[x,y](以柱状的顶部为原点)。
3、insideTop(柱状内部靠顶部),insideBottom(柱状内部靠下方),insideRight(柱状内部靠右边),insideLeft(柱状内部靠左边)。
更多推荐
已为社区贡献1条内容
所有评论(0)