Echarts Label 背景图左右移动
Echarts Label 背景图怎么左右移动
要使echarts的label的背景图左右移动,可以通过设置label的位置属性来实现。label的位置属性有以下几种取值:
- 'top':在图形的上方
- 'left':在图形的左侧
- 'right':在图形的右侧
- 'bottom':在图形的下方
- 'inside':在图形的内部
- 'insideLeft':在图形的左侧内部
- 'insideRight':在图形的右侧内部
- 'insideTop':在图形的上方内部
- 'insideBottom':在图形的下方内部
可以通过设置label的'position'属性来改变label的位置,进而实现背景图的左右移动。具体的代码示例如下:
label: {
position: 'insideRight', // 设置label在图形的右侧内部
backgroundColor: {
image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACMklEQVQ4ja2VzWoUQRDHfz3TO7tZ9LALQtYgqBDNCyjRkFcwJ4+iD6FHn8C8hObgwZP4BuJX9AUMYgxI2KiQPaib3fnYlpqpjr3jCIIpKKY/qv9d1fWvGuOco0EMEKn6scgMcPr14zmxtbk/LOutQEPALNC8DhwCyqFYQRaArmonsBOACTBWPVLwQoGPDY2CJcApoLdbcOH5lDsjx2rqGIhRYtjvG16tt9m6GLMHjIAfQKpeOv+GAtYGTgNnnk64uZNz1xi6sd6GnhBXnGN82bK50eEJ8A34Dkxl26q91TB7AvY+537LYMpHNNVtKFjmIDN0xUaC3+jwWJ+iDNvq28nZ7sec8+KZgLUNLBq4msCiIh4U8DaFgyoFRmw/5GwvW36qh3kUAr5IuSVhymQQwY0OnIt/p1rGsiZ7Mhfblym3NXklGzzPZNI5dFyPNcwrrepbl3BPbCVpyoTyjiggsE0dSz7dPswmGcSVjdimjrOag8h7+F9iqoTMkdmXUS4889SQBPxNhoXSp3qCL0HFzCJdF7ZdW3LuGe2PYM21o9guGioD7H11psCWllMpzBsyl8LqrrRWUsa7KXKcHXEh5qGWaeh8eAlyyfpAJK0oLZL+DrrIHY1detWDaXLbt1QKcOSKGPynKawE7OvcKwIAANpXe0YnmgpTfSs3lYy778/mgOh47VzLEkHiSGYd/wZr3No4bmMAd4Yu2r3rHrDVY89qT9pwZ7sr8A4BctEAtqmGllYAAAAABJRU5ErkJggg=='
},
width: 0,
height: 0,
borderRadius: 30,
padding: 6
}
通过设置position为'insideRight',就可以将label放在图形的右侧内部。你可以根据自己的需求调整label的位置来实现背景图的左右移动。
原文地址: https://www.cveoy.top/t/topic/p9dC 著作权归作者所有。请勿转载和采集!