Multiple label style

[bendadaniel]

Hi,
Is there a way to multiple style label in treemap? I need multiple line label with multiple styles. I discovered when I delimer the label text with \n it separates the string into the seperated 'text' object in svg, is there whey how to style that text objects one by one?

For example label:
ABC (size:200)
DEF (size:100)
GFIJ (size:50)
https://imgur.com/a/Lc3EMv3

Thank you
Daniel

[davelandry]

This may be possible, but I would definitely classify it as experimental:

The label method of shapes can accept an Array of values, and then each font property will also be evaluated on expecting an Array. For example (and I haven't tested this):

.shapeConfig({
  label: function() { return ["ABC", "DEF", "GHIJ"]; },
  labelConfig: {
    fontSize: function() { return [200, 100, 50]; }
  }
})

[davelandry]

Take a look at how the internal Treemap logic handles the main label and the share percentage label: https://github.com/d3plus/d3plus-hierarchy/blob/master/src/Treemap.js#L95-L119