ecahrts柱状图顶点样式设置背景图片
作者:互联网
配置series中的markPoint
markPoint: {
label: {
color: '#FFF', // 文字颜色
padding: [0, 0, 5, 0], // 可用padding调整图片内文字距离
show: false,
formatter: '10:30' // 自定义文字内容
},
/* data: [
{ type: 'max' },
{ type: 'min' },
{ type: 'average' }
],*/
data: [
// {xAxis: [30,50,88,67,43], yAxis: ["三级防线", "二级防线", "一级防线","渠道名称","渠道名称"]},
{ xAxis: xData[0], yAxis: yData[0]},
{ xAxis: xData[1], yAxis: yData[1]},
{ xAxis: xData[2], yAxis: yData[2]},
{ xAxis: xData[3], yAxis: yData[3]},
{ xAxis: xData[4], yAxis: yData[4]},
],
symbol: 'image://' + require('../../../../../../common/img/sbkQjfxDP/01/电子社保卡签发渠道横向柱状图点.png'), // 自定义图片作为标注展示
symbolSize: [10, 10], // 调整图片的长宽
},
作用效果
标签:..,yAxis,柱状图,yData,xData,xAxis,ecahrts,type,背景图片 来源: https://www.cnblogs.com/jiuyuestudy/p/16408730.html