小程序上使用echarts tooltip不显示x轴的数据
那就去自定义tooltip的显示!
小程序:
注意!小程序这里换行用:’\n’
tooltip: {
trigger: 'axis',
// 这里自定义只是为了把x轴的数据也显示出来
formatter:function(datas) {
let res = datas[0].name;
for (const i in datas){
res += '\n' + datas[i].seriesName + ':' + datas[i].value
}
return res
}
},
PC端和H5等:
tooltip: {
trigger: 'axis',
// 这里自定义给数值保留两位小数点、加单位
formatter:function(datas) {
let res = datas[0].name + '<br/>';
for (const i in datas){
let dw = datas[i].seriesName === '数量' ? '个':'元';
let val = datas[i].value.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
res += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + datas[i].color + ';"></span>' + datas[i].seriesName + ':' + val + dw + '<br/>'
}
return res
}
},