ZingChart树形图自定义tooltip显示节点自定义属性值问题咨询

ZingChart完全支持该类自定义Tooltip的可视化需求，你之前的配置未生效是因为树形图属于层级结构类特殊图表，自定义属性的读取规则和普通标准系列图表有差异，%node-gbw这类通用占位符、以及未挂载到data字段下的属性都无法被占位符解析器识别。

推荐实现方案（最稳定，无需调整现有数据结构） #

直接使用Tooltip的回调函数获取原始节点数据，不需要适配占位符规则，代码示例如下：

tooltip: {
  text: function(hoverParam) {
    // hoverParam.node可以直接取到当前hover节点的完整原始数据
    return `Guranteed Bandwidth: ${hoverParam.node.gbw} <br>Maximum Bandwidth: ${hoverParam.node.mbw}`
  }
}

占位符语法实现方案（需要调整节点数据结构） #

如果你更倾向于使用占位符写法，需要将自定义属性统一挂载到节点的data字段下，调整后的节点结构如下：

{
  id:"1",
  name:"Socialmedia",
  parent:"0",
  value:150,
  // 新增data字段存放自定义属性
  data: {
    gbw:123,
    mbw:365
  }
}

对应的Tooltip配置如下：

tooltip: {
  text : "Guranteed Bandwidth: %data-gbw <br>Maximum Bandwidth: %data-mbw"
}

内容的提问来源于stack exchange，提问作者Sindujan Nirmalan