Echarts 柱形图 MarkPoint 标记点文字自定义
在 Echarts 中,可以通过在 series 中的 markPoint 属性中设置 label 属性来自定义柱形图的标记点的文字。
示例代码如下:
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
markPoint: {
data: [{
type: 'max',
name: '最大值',
label: {
show: true,
position: 'top',
formatter: '自定义文字'
}
}, {
type: 'min',
name: '最小值',
label: {
show: true,
position: 'bottom',
formatter: '自定义文字'
}
}]
}
}]
};
在上述代码中,通过在 markPoint 的 data 属性中设置 label 属性来自定义标记点的文字。通过设置 formatter 属性可以自定义文字内容。
其中,position 属性用于设置文字的位置,可以设置为 'top'、'bottom'、'left'、'right' 等。
注意:在 Echarts 中,markPoint 的 label 属性只在 type 为 'max'、'min' 等特殊类型的标记点中生效,对于普通的标记点无效。
原文地址: https://www.cveoy.top/t/topic/qx5m 著作权归作者所有。请勿转载和采集!