如何隐藏X轴标题的Tooltip,保留轴标签与数据点的Tooltip
解决X轴标题Tooltip隐藏及0值数据点Tooltip异常问题
直接给X轴标题添加tooltipEnabled: false属性禁用其Tooltip,同时移除之前设置的空tooltipText,就能同时满足隐藏轴标题Tooltip、保证轴标签和数据点(包括0值)Tooltip正常显示的需求。
修改后的完整xAxes配置如下:
[ { "id": "c1", "type": "CategoryAxis", "title": { "text": "am", "tooltipEnabled": false // 禁用轴标题的Tooltip }, "renderer": { "line": { "isMeasured": false }, "grid": { "template": { "disabled": true } }, "labels": { "template": { "rotation": -45, "horizontalCenter": "right", "verticalCenter": "middle", "truncate": true, "maxWidth": 300, "dy": -10, "adapter": [ { "key": "text" } ] } }, "minGridDistance": 20 }, "dataFields": { "category": "am" }, "cursorTooltipEnabled": true } ]
原理说明
title.tooltipEnabled: false精准关闭轴标题的Tooltip触发逻辑,不会再显示残留的数值内容。- 移除
tooltipText: ""后,数据点的Tooltip恢复默认处理逻辑,0值数据点能被正确识别并显示对应Tooltip,不会出现错位或不显示的情况。
内容的提问来源于stack exchange,提问作者Shivani Sudheer
相关产品推荐
相关产品推荐

