echarts markPoint 柱形图中添加图片

在这里插入图片描述
增加一个箭头显示出增长率;
在这里插入图片描述
url = ‘image://./images/red.svg’;
markPoint={
data : [
{
//xAxis :代表图标在x轴横向的位置,数值是data数组中的位置
//yAxis:代表图标在y轴纵向的位置,data数组的最大值 ,图片放置高度
//(大于最大值的原因是让最高的柱子与图标有点间距)
xAxis:2,
yAxis:height,
symbolSize:[40, 60], //图片宽、高
symbol:url,
symbolOffset:[0,‘50%’],
silent:true,
label:{
normal:{
formatter:Math.formatNumber(zzl,2)+’%’,
color: ‘#000000’,
fontSize:14
}
}
},
]
};

update:2021/09/22
实现方式:根据柱子设置的条件判断显示设置的标记图,隐藏柱子
图形地址

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值