css - google charts treemap 可以自定义框的边框吗？

Question

我知道这很琐碎，但文档中没有任何内容。我正在使用 google charts treemap 来监视某些东西。如果所有父级矩形都是绿色的，那么不同的框就不太清楚，因为它们只是被非常细的白线分开。我们可以自定义每个矩形的边框吗，比如黑线或者增加每个矩形之间的宽度。

Answer 1

您可以提供自己的 css，请记住图表是 svg。
要更改边框颜色，类似这样的方法应该有效。

rect {
  stroke: black;
  stroke-width: 2;
}

请看下面的例子...

google.charts.load('current', {
  callback: function () {
    var data = google.visualization.arrayToDataTable([
      ['Location', 'Parent', 'Market trade volume (size)', 'Market increase/decrease (color)'],
      ['Global',    null,                 0,                               0],
      ['America',   'Global',             0,                               0],
      ['Europe',    'Global',             0,                               0],
      ['Asia',      'Global',             0,                               0],
      ['Australia', 'Global',             0,                               0],
      ['Africa',    'Global',             0,                               0],
      ['Brazil',    'America',            11,                              10],
      ['USA',       'America',            52,                              31],
      ['Mexico',    'America',            24,                              12],
      ['Canada',    'America',            16,                              -23],
      ['France',    'Europe',             42,                              -11],
      ['Germany',   'Europe',             31,                              -2],
      ['Sweden',    'Europe',             22,                              -13],
      ['Italy',     'Europe',             17,                              4],
      ['UK',        'Europe',             21,                              -5],
      ['China',     'Asia',               36,                              4],
      ['Japan',     'Asia',               20,                              -12],
      ['India',     'Asia',               40,                              63],
      ['Laos',      'Asia',               4,                               34],
      ['Mongolia',  'Asia',               1,                               -5],
      ['Israel',    'Asia',               12,                              24],
      ['Iran',      'Asia',               18,                              13],
      ['Pakistan',  'Asia',               11,                              -52],
      ['Egypt',     'Africa',             21,                              0],
      ['S. Africa', 'Africa',             30,                              43],
      ['Sudan',     'Africa',             12,                              2],
      ['Congo',     'Africa',             10,                              12],
      ['Zaire',     'Africa',             8,                               10]
    ]);

    new google.visualization.TreeMap(document.getElementById('chart_div')).draw(data, {
      minColor: '#f00',
      midColor: '#ddd',
      maxColor: '#0d0',
      headerHeight: 15,
      fontColor: 'black',
      showScale: true
    });
  },
  packages:['treemap']
});

rect {
  stroke: black;
  stroke-width: 2;
}

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