- 数据标签 label
{
...
label: { // 配置以在图表上显示数据文本
textBaseline: "bottom", // 文本的基线被设置为文本块的底部 top/
textAlign: "center", // 文本对齐方式
lineHeight: 30, // 文本行高,从而控制文本与图表之间的垂直间距
position: 'inside', // 标签位置,多用于柱状图和饼图 outside/spider
transform: [{ type: 'overlapDodgeY' }], // 处理图表中数据标签的重叠问题,overlapDodgeY是将位置碰撞的标签在y方向上进行调整,防止标签重叠;overflowHide对于标签在图形上放置不下的时候隐藏标签;overlapHide是对位置碰撞的标签进行隐藏。
formatter: ".1%", // 将数值格式转为百分比,保留一位小数
}
}
- 数据点提示 tooltip
{
...
tooltip: { // 单个通道 tooltip: {channel: 'y'}
title: 'date',
items: [
{
channel: 'y',
valueFormatter: ".0%",
}
]
},
}
- 标记 annotations
{
...
annotations: [
{
type: 'lineY', // 水平线,rangeX / text / point
data: [700],
label: {
text: 'value = 700',
position: 'right',
dx: -10,
style: { textBaseline: 'bottom' },
},
},
],
}