`showToolTip(e, options?)` 图表中展示数据详细内容
## 第一个参数e:
e: Object标准touch事件;
```
{mp:{changedTouches:[{x: 236, y: 30}]}}
```
## 第二个参数options:
options: Object可选(tooltip的自定义配置):
### 1、background:
option.background:tooltip背景色,默认为#000000;
### 2、format:
option.format:function类型,tooltip文案格式化。接受两个传入的参数,seriesItem(Object, 包括seriesItem.name以及seriesItem.data)和category,可自定义tooltip显示内容。具体可参考ucharts-demo中line图示例
### 3、index:
option.index:数字类型,强制选中的索引。参考曲线图pages/basic/line/curve.vue
### 4、textList:
option.textList:array类型,自定义文案。参考曲线图pages/basic/line/curve.vue,格式如下:
```
let textList=[{text:'我是一个标题',color:null},{text:'自定义1:值1',color:'#2fc25b'},{text:'自定义2:值2',color:'#facc14'},{text:'自定义3:值3',color:'#f04864'}];
```
showtooltip绑定在touchstart,touchmove,touchend事件,可以实现连续滚动显示tooltip(数据量大的情况下不建议,会出现不跟手的情况)
关于不显示tooltip的情况,基本上外层包裹了sroll-view或者是swiper还是什么其它的导致touch事件的event错乱,
可能的解决方法就是加上或减去部分event的x,y坐标,具体数值可以通过去掉外层包裹和没有去掉外层包裹打印出来的e计算得出
- uCharts简介
- 图表预览
- 快速上手
- 常见问题
- API参数
- 通用基础配置项
- 数据列表配置项
- 标题配置项
- 坐标轴配置项
- 图例配置项
- 扩展配置项
- 圆弧进度图
- 仪表盘
- 雷达图
- 柱状图
- 饼图圆环图
- 玫瑰图
- 折线图
- 区域图
- K线图
- 词云图
- 漏斗图
- 地图
- 条状图
- 标记线
- ToolTip
- 其他配置
- 方法 & 事件
- 更新图表数据
- 图例点击交互
- 停止动画效果
- 添加移除事件监听
- 获取图表点击序列编号
- 获取图例点击序列编号
- ToolTip方法
- 图表拖拽事件
- 放大或缩小图表
- 图表渲染完成事件
- 入门配置示例
- 图表区域详解
- 绘制X坐标轴网格
- 绘制Y坐标轴网格
- 隐藏X轴(不含网格)
- 隐藏Y轴(不含网格)
- 启用X轴滚动条及拖拽
- 绘制Y轴标题
- 隐藏X轴下方图例
- 隐藏数据点标识
- 隐藏数据点标签
- 进阶配置示例
- ToolTip配置
- uni-app示例
- 饼图
- 饼图基本用法
- 饼图右侧图例
- 圆环图
- 圆环图基本用法
- 玫瑰图
- 玫瑰图基本用法
- 线图
- 线图基本用法
- 柱状图
- 基本柱状图
- 温度计式图表
- 堆叠柱状图
- 横屏模式
- 区域图
- 区域图基本用法
- 雷达图
- 雷达图基本用法
- 圆弧进度图
- 圆弧进度图基本用法
- 整圆进度图基本用法
- 仪表盘
- 仪表盘基本用法
- K线图
- K线图基本用法
- 条状图
- 条状图基本用法
- 混合图
- 混合图基本用法
- 词云图
- 词云图基本用法
- 漏斗图
- 漏斗图基本用法
- 地图
- 地图基本用法
- 更新记录
- 改造uCharts打造专属图表
- uni-app实战教程