Dynamic fontSize of dataLabels in treemap chart

[shinjune2]

I'd like to resize the fontSize of dataLabels dynamically depending on the value.

For example, the dataLabel fontSize of AAPL should be much larger than current size.

I tried to 'formatter' and callback function but it doesn't read the 'point'.

Can you help me what I have to do?

Code: Select all

series: [{
        data: treemapData,
        type: 'treemap',
          levels: [{
            level: 1,
            dataLabels: {
              style: {
                fontSize: '15px',
              },
              format: '{point.name}'
            }
          },{
          level: 2,
          dataLabels: {
            formatter: function() {
              return adjustTextPosition(this.point);
            },
            style: {
              fontSize: {
                formatter: function(){
                  return adjustTextSize(this.point)
                }
              }
            },
          }
        }],
        
 

Code: Select all

  const adjustTextPosition = (point) => { 
      const width = point.shapeArgs.width;
      const height = point.shapeArgs.height;
        if(width + height > 200) {
          return `${point.name}`
        }
    }

Code: Select all

 const adjustTextSize = (point) => {
       
       const width = point.shapeArgs.width;
       const height = point.shapeArgs.height;
      
        if(width + height > 200) {
          return  point.series.options.dataLabels.style.fontSize == '30'

        }
    }

[shinjune2]

Is there anyone who can help me? TT

[mateusz.b]

Hello shinjune2,

We're already preparing an answer for your questions. Our work time doesn't include weekends so please be patient and you will receive your answer asap.

Regards!

[mateusz.b]

shinjune2,

We don't have such functionality implemented in Highcharts, you need to code it on your own. Please check thoroughly this topic, you'll find there solution for this problem and many useful related information: viewtopic.php?t=47208&p=169829
You'll learn also about drawbacks of suggested approach.

Let me know if that was what you were looking for.
Regards!