提示信息:只需要重写tooltip中的formatter方法,然后按照函数进行数据处理,并返回要显示的数据即可。
tooltip: {
formatter: function(params) {
var res = params[0].name + '<br/>水质等级为:'
var texts = ''
if (params[0].value === 0 || params[0].value === '0') {
texts = 'Ⅰ类'
} else if (params[0].value === 1 || params[0].value === '1') {
texts = 'Ⅱ类'
} else if (params[0].value === 2 || params[0].value === '2') {
texts = 'Ⅲ类'
} else if (params[0].value === 3 || params[0].value === '3') {
texts = 'Ⅳ类'
} else if (params[0].value === 4 || params[0].value === '4') {
texts = 'V类'
} else if (params[0].value === 5 || params[0].value === '5') {
texts = 'Ⅵ类'
}
res = res + texts
return res
},
trigger: 'axis',
axisPointer: {
type: 'line',
lineStyle: {
color: 'rgba(255, 255, 255, 0.37)'
}
}
},
y轴显示中文:只需要重写yAxis中的formatter方法,然后按照函数进行数据处理,并返回要显示的数据即可----同理。
yAxis: {
name: '(cm)',
nameTextStyle: {
color: '#fff',
fontSize: 16
},
type: 'value',
axisTick: { // y轴刻度线
'show': false
},
splitLine: { // 网格线
'show': true,
lineStyle: {
color: ['rgba(255, 255, 255, 0.1)'],
type: 'solid'
}
},
splitArea: { show: false }, // 保留网格区域
axisLabel: {
show: true,
textStyle: {
color: '#fff'
},
// 这里重新定义就可以
formatter: function(value) {
var texts = []
if (value === 0 || value === '0') {
texts.push('Ⅰ类')
} else if (value === 1 || value === '1') {
texts.push('Ⅱ类')
} else if (value === 2 || value === '2') {
texts.push('Ⅲ类')
} else if (value === 3 || value === '3') {
texts.push('Ⅳ类')
} else if (value === 4 || value === '4') {
texts.push('V类')
} else if (value === 5 || value === '5') {
texts.push('Ⅵ类')
}
return texts
}
},
axisLine: {
lineStyle: {
type: 'solid',
color: 'rgba(255, 255, 255, 0.37)' // 左边线的颜色
}
}
}
效果图如下: