如何配置 MarkLine 文字标签的位置,可以配置显示在线起点、终点或者线段中间?
问题描述
类似 (https://www.visactor.io/vchart/demo/marker/mark-line-basic)这样的使用了markLine做轴空间定位的图表, 想要实现 markLine 中的 label 显示在线的起点、线的终点或者线段中间,该如何实现?
解决方案
不同图表库的解决方案不一样,根据你给的 demo,只需要将配置 markLine.label.position 为所需场景。
- markLine.label.position 用来配置标注线的标签位置(标签相对线的相对位置)。
- 当文字标签显示在线的起点时,可配置 position 为'start'
- 当文字标签显示在线的终点时,可配置 position 为'end'
- 当文字标签显示在线段中间时,可配置 position 为'middle'