当tooltip--formatter中使用字符串模版时,正常情况下没有问题,可是如果关闭一个图例后,可能找不到相应数据,提示框就会出现字符串模版本身
配置项如下
var xArr = [2010, 2011, 2012, 2013, 2014, 2015, 2016],
numArr = [631, 660, 680, 699, 727, 749, 765],
rateArr = [72, 79, 88, 91.8, 92.6, 92.2, 89.5];
option = {
title: {
text: '中国今年大学生毕业人数',
subtext: 'Echarts-No1',
},
legend: {
data: ['毕业人数', '就业率']
},
tooltip: {
trigger: 'axis',
formatter: '{b0}年:<br>{a0}:{c0}万人<br>{a1}:{c1}%'
// formatter: function(params){
// var x = params[0].dataIndex;
// var tip = '' + xArr[x] + '年<br>';
// for(var i=0; i<params.length; i++){
// tip += params[i].seriesName + ':' + params[i].data + '<br>';
// }
// return tip;
// }
},
xAxis: {
type: 'category',
data: xArr
},
yAxis: [
{
type: 'value',
name: '毕业人数',
nameLocation: 'start',
nameTextStyle: {
color: '#ff0000',
fontSize: 16
},
position: 'left',
scale: true
},
{
type: 'value',
name: '就业率',
nameLocation: 'start',
nameTextStyle: {
color: '#0000ff',
fontSize: 16
},
position: 'right',
scale: true
}
],
series: [
{
type: 'bar',
name: '毕业人数',
yAxisIndex: 0,
data: numArr
},
{
type: 'line',
name: '就业率',
yAxisIndex: 1,
data: rateArr
}
]
};