echarts之tooltip

tooltip:提示框，鼠标悬浮交互时的信息提示。

以下是官方给出的表格1

名称	默认值	描述
{boolean} show	true	显示策略，可选为：true（显示）
{number} zlevel	1	一级层叠控制。每一个不同的zlevel将产生一个独立的canvas，相同zlevel的组件或图标将在同一个canvas上渲染。zlevel越高越靠顶层，canvas对象增多会消耗更多的内存和性能，并不建议设置过多的zlevel，大部分情况可以通过二级层叠控制z实现层叠控制。
{number} z	8	二级层叠控制，同一个canvas（相同zlevel）上z越高约靠顶层。
{boolean} showContent	true	tooltip主体内容显示策略，只需tooltip触发事件或显示axisPointer而不需要显示内容时可配置该项为false，可选为：true（显示） | false（隐藏）
{string} trigger	‘item’	触发类型，默认数据触发，见下图，可选为：’item’ | ‘axis’
{Array|Function} position	null	位置指定，传入{Array}，如[x, y]， 固定位置[x, y]；传入{Function}，如function([x, y]) {return [newX,newY]}，默认显示坐标为输入参数，用户指定的新坐标为输出返回。
{string|Function} formatter	null	内容格式器：{string}（Template）| {Function}，支持异步回调
{string|Function} islandFormatter	‘{a} < br/>{b} : {c}’	拖拽重计算独有，数据孤岛内容格式器：{string}（Template）| {Function}
{number} showDelay	20	显示延迟，添加显示延迟可以避免频繁切换，特别是在详情内容需要异步获取的场景，单位ms
{number} hideDelay	100	隐藏延迟，单位ms
{boolean} enterable	false	鼠标是否可进入详情气泡中，默认为false，如需详情内交互，如添加链接，按钮，可设置为true。
{color} backgroundColor	‘rgba(0,0,0,0.7)’	提示背景颜色，默认为透明度为0.7的黑色
{string} borderColor	‘#333’	提示边框颜色
{number} borderRadius	4	提示边框圆角，单位px，默认为4
{number} borderWidth	0	提示边框线宽，单位px，默认为0（无边框）
{number|Array} padding	5	提示内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距，同css
{Object} axisPointer	目前还没弄明白怎么在markdown的table中插入代码，如果有大神告知，不胜感激	提示内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距，同css
{Object} textStyle	{ color:’#fff’ }	文本样式，默认为白色字体（详见textStyle）

鉴于只有文字说明，没有效果对比，在以下的博客中博主将会对tooltip中的每个属性的效果陈列出来供读者学习。

---

1. http://echarts.baidu.com/doc/doc.html ↩