图表中如何自定义tooltip的位置,偏移量?-灵析社区

WhatUpDanger

## 解决方案 VChart图表已经提供了对应的功能,你只需要在图表的spec里设置tooltip.offset即可。官网上有对应的配置文档。 [https://visactor.io/vchart/option/barChart#tooltip.offset](https://link.segmentfault.com/?enc=0jGq85lSTzhHJFaDCU8QSA%3D%3D.J%2BBIeqpMrmIFZhGvzmcWUiM6EuNuC3Trt0ECva9Pz%2BEh58t1Rl6xYUXWFbgB4AxQS%2BHMpoR2UkOGrf%2FKirp8kg%3D%3D) ## 代码示例 spec.tooltip.offset = { x: 40, y: 40, } ## 结果展示 在线Demo: [https://codesandbox.io/s/tooltip-offset-mns4gl?file=/src/inde...](https://link.segmentfault.com/?enc=BOcoB0ol7CbgFZTpIBJeIQ%3D%3D.yqdPHDLxUTgW6OqvK%2B9tv2mNRmBzhDvg%2BdjGzxVIAxf0%2FgMYEWDxgqAbacp9364EmPdJgoPsAMMrE6pyTCfR%2F5BVfKNHxteshoTeDDcjLeg%3D) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/718f3b7c349dc0b04c73b33293dbece6.png) ## 相关文档 tooltip option:[https://visactor.io/vchart/option/barChart#tooltip.offset](https://link.segmentfault.com/?enc=8apz%2FKYj1%2F65OEJzaj%2Fr8A%3D%3D.wktoF5wrr3a8p2REAhWH2dDC%2BR0K5yBuapsVNZC3zH1Jqqfx8QuacjQdGkbk9WMG4mJdGt9DDMYAquilbiRGdg%3D%3D) github:[https://github.com/VisActor/VChart](https://link.segmentfault.com/?enc=YdFUhw4Tx0LJ9oct3nbUHg%3D%3D.xSXd6lA4%2FR%2FpET%2B41%2BJC91AXX4WYtS%2F8%2Bp1xfcbnUpwSw7NfiGVU9qLY%2BGuWfMhV) Tooltip tutorials: [https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Conc...](https://link.segmentfault.com/?enc=NBVd8EJQmef%2FsM6bMrvIUw%3D%3D.5oq%2FGfuHb3TMpZ8YE1WxyE62iHGxIlfLfrBGFRLC6vz5y12amS5MUPjNi0xiH%2FbyBgTxtTsZk%2FHtmhz%2FrXs9JyM5JNAOuLHR7TS%2F6SHJ%2Buo%3D) Tooltip demos:[https://www.visactor.io/vchart/demo/tooltip/custom-mark-tooltip](https://link.segmentfault.com/?enc=BUEZ34sDDRQHkJbqsYhjhA%3D%3D.rRHbfvHYSiyNrJw6QsfbaZPZ6I5vtRlMrlMW6nZVvB4gEmeYwBDdUX7WkKIjPdawRWR1dNNe5HC5nBguSxWLlw%3D%3D)

阅读量:1

点赞量:0

问AI