移动端 echarts tooltip
时间: 2023-10-21 22:33:17 浏览: 174
eCharts 示例图方便以后使用
移动端的 echarts tooltip 可以通过以下几种方式来进行配置和优化:
1. 设置 tooltip 的 position 属性为 'top' 或 'bottom',避免 tooltip 遮挡住图表内容。
2. 使用 formatter 属性来自定义 tooltip 的显示内容,可以将一些不必要的信息删除或者调整显示顺序。
3. 设置 tooltip 的 triggerOn 属性为 'click',使得用户点击图表元素时才会触发 tooltip 的显示,避免出现移动端用户难以触摸的 hover 效果。
4. 调整 tooltip 的显示位置和大小,可以通过 tooltip 的 padding 和 borderRadius 属性来进行优化,使得 tooltip 显示更加美观和合理。
5. 对于移动端,可以考虑使用 touchstart 和 touchend 来触发 tooltip 的显示和隐藏,避免出现 touchmove 时 tooltip 跟随手指滑动的情况。
6. 对于移动端,可以考虑设置 tooltip 的 showDelay 和 hideDelay 属性,使得 tooltip 的显示和隐藏更加自然和流畅。
阅读全文