javascript – 有没有办法在Google Charts的TreeMap中显示子标签

我正在尝试使用Google Charts创建一个TreeMap,它不仅显示父标签以及孩子的颜色分类,还显示孩子的标签.我基本上想要这个(保存可能的孩子着色)：

我没有找到任何在线示例或问题,这可能吗？

解决方法

不确定你是否可以像图片一样
但如果要同时显示父标签和子标签,
使用选项 – > maxDepth：2

注意：不允许重复的子ID
这里,对象表示法用于提供唯一的id,
但仍然在多个节点上显示相同的名称

{v: 'Rick0',f: 'Rick'}
{v: 'Rick1',f: 'Rick'}

哪里…
v：=值
f：=格式化的值

请参阅以下工作代码段…

google.charts.load('current',{
  packages: ['treemap']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Person','Fruit','Size','Color'],['Global',null,0],['Bananas','Global',[{v: 'Rick0',f: 'Rick'},'Bananas',100,[{v: 'Anne0',f: 'Anne'},40,[{v: 'Peter0',f: 'Peter'},5,['Apples',[{v: 'Anne1','Apples',20,2],[{v: 'Peter1',[{v: 'Rick1',15,['Oranges',[{v: 'Rick2','Oranges',1],[{v: 'Peter2',[{v: 'Anne2',10,['Susanne',null]
  ]);

  tree = new google.visualization.TreeMap(document.getElementById('chart_div'));
  tree.draw(data,{
    maxDepth: 2,minColor: 'yellow',midColor: 'orange',maxColor: 'red',noColor: 'lime',});
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>