tooltip

Echart插件的配置项tooltip。

原创作者：niexia.
来源：CSDN
原文：https://blog.csdn.net/niexia_/article/details/77891474

首先，tooltip是提示框组件，即鼠标移上去时候显示的提示信息。在demo饼图中

配置为
tooltip: {
trigger: ‘item’,
formatter: “{a}
{b} : {c} ({d}%)”
}
对应的提示信息为：访问来源
直接访问：335（21.56%）
其中 tooltip的trigger属性的值为string类型
[default：“item”] 触发类型。
Triggle属性值有3种，分别是item，axis和none。其中item是数据项图形触发，主要在散点图，饼图等无泪目轴的图标中使用。Axis是坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在直角坐标系和极坐标系上的所有类型的轴。并且可以通过 axisPointer.axis 指定坐标轴。None则什么都不触发。

对于formatter方法的格式，其中有{a}{b}{c}{d}{e}五种模板变量，分别表示系列名，类名，数据值等。在triggle属性为axis时候，系列名，类名可能不止一个，这时候可以用{a0}，{a1}，{a2}表示不用的系列。不同图表下的{a},{b},{c},{d}含义也不一样。
折线（区域）图、柱状（条形）图、k线图：{a}系列名称，{b}（类目值），{c}（数值），{d}（无）
散点（气泡）图：{a}（系列名称），{b}数据名称，{c}数值数组，{d}无
地图：{a}系列名称，{b}区域名称，{c}合并数值，{d}无
饼图、仪表盘、漏斗图：{a}系列名称，{b}数据项名称，{c}数值，{d}百分比

Axis属性实例：
var a=“今日”;
…
tooltip: {
trigger: ‘axis’,
//加了变量a和字符’度’
formatter:a+’{a0}:{c0}’+‘度’+’
’+a+’{a1}:{c1}’+‘度’
},
…
xAxis: {
type: ‘category’,
boundaryGap: false,
data: [‘周一’,‘周二’,‘周三’,‘周四’,‘周五’,‘周六’,‘周日’]//{b}
},
…
series: [
{
name:‘最高气温’,//{a0}
type:‘line’,
data:[11, 11, 15, 13, 12, 13, 10],//{c0}
…
},
{
name:‘最低气温’,//{a1}
type:‘line’,
data:[1, -2, 2, 5, 3, 2, 0],//{c1}
…
}