echarts-for-weixin
echarts-for-weixin copied to clipboard
ecomfe
小程序上使用echarts tooltip不显示x轴的数据！！！！！！！！！！！
提问前应该做的事
请确保提问前做了以下事，将完成的项目的 [] 改为 [x]：
需提供的信息
将符合项的 [] 改为 [x]，并补充需要的信息：
简单描述问题：
小程序上使用echarts tooltip不显示x轴的数据？？？？？？
预期效果：
（如有需要请提供预期的图）
实际效果：
（如有需要请提供截图）
复现环境：
- [] 在微信开发工具中存在该问题
- [] 在真机上存在该问题
function clear() {
var series = [
];
for (var i = 0; i < yourLastTotalBarCount ; i++) {
series.push({
data: 0
});
}
var option = {
series: series
};
return option;
}
chart.setOption(clear());
这样搞了一下，在设置数据前，把原来的柱子的数量记住，把数据设置成0清除一下，这个就不受toolTip的限制了。。
🍓 2.7.1、小程序中使用echarts-tooltip遇到的问题
1、如何换行？
用 \n 换行，小程序版echarts使用富文本渲染，不支持html
2、怎么显示图例的小圆点？
用 formatter，彩色的圆点用 '{marker0at0|}', {marker1at0|}, {marker2at0|}' 分别表示第 0、1、2 个系列，可能实现得不是很美，但是至少暂时可以这么用着。
3、不支持renderMode: html
最终解决🚀
formatter : function(params) {
// 可以打印一下params自行查看
let res = `${params[0].name}\n`
res += `{marker0at0|} ${params[0].seriesName}: ${params[0].value[1]}\n`
res += `{marker1at0|} ${params[1].seriesName}: ${params[1].value[2]}\n`
res += `{marker2at0|} ${params[2].seriesName}: ${params[2].value[3]}`
return res
},
🍓 2.7.1、小程序中使用
echarts-tooltip遇到的问题1、如何换行？
用 \n 换行，小程序版echarts使用富文本渲染，不支持html
2、怎么显示图例的小圆点？
用 formatter，彩色的圆点用 '{marker0at0|}', {marker1at0|}, {marker2at0|}' 分别表示第 0、1、2 个系列，可能实现得不是很美，但是至少暂时可以这么用着。
3、不支持
renderMode: html最终解决🚀
formatter : function(params) { // 可以打印一下params自行查看 let res = `${params[0].name}\n` res += `{marker0at0|} ${params[0].seriesName}: ${params[0].value[1]}\n` res += `{marker1at0|} ${params[1].seriesName}: ${params[1].value[2]}\n` res += `{marker2at0|} ${params[2].seriesName}: ${params[2].value[3]}` return res },
这样解决可以，但是如果任意点击legend呢？用循环可以拼接tooltip中的内容，但是marker好像不对（并不是连续的？）
tooltip: {
trigger: "axis",
formatter: function(params) {
let tip = `${params[0].name}\n`;
for (let i = 0; i < params.length; i++) {
tip += `{marker${params[i].seriesIndex}at0|} ${params[i].seriesName}: ${params[i].value}\n`;
}
return tip;
}
}
搞定了
牛逼啊，，可以
------------------ 原始邮件 ------------------ 发件人: "JavaFellow"<[email protected]>; 发送时间: 2020年3月3日(星期二) 下午4:03 收件人: "ecomfe/echarts-for-weixin"<[email protected]>; 抄送: "1090429158"<[email protected]>; "Author"<[email protected]>; 主题: Re: [ecomfe/echarts-for-weixin] 小程序上使用echarts tooltip不显示x轴的数据！！！！！！！！！！！ (#478)
tooltip: { trigger: "axis", formatter: function(params) { let tip = ${params[0].name}\n; for (let i = 0; i < params.length; i++) { tip += {marker${params[i].seriesIndex}at0|} ${params[i].seriesName}: ${params[i].value}\n; } return tip; } }
搞定了
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.
