echarts markPoint 柱形图中添加图片

最新推荐文章于 2024-07-03 16:38:10 发布

相忘于江湖426543

最新推荐文章于 2024-07-03 16:38:10 发布

阅读量5.5k

点赞数 1

分类专栏：图形文章标签： echarts html

本文链接：https://blog.csdn.net/qq_42014441/article/details/89240896

版权

图形专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述
增加一个箭头显示出增长率；

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
}
}
},
]
};