Necesito crear un mapa de árbol con esquinas redondeadas como se muestra en la imagen.

Yo he tratado:

• Cambiar plotOptions.treemap.borderRadius establece el radio para cada cuadro en lugar de todo el gráfico.

• El uso de chart.borderRadius no tiene impacto en el gráfico, creo que es así porque el gráfico en sí no va hasta el borde del gráfico.

• La biblioteca de esquinas redondeadas de highcharts no funciona con diagramas de árbol. Funciona bien con gráficos de barras.

Cualquier dirección sobre cómo lograr esto es apreciada. Aquí hay un jsfiddle de treemap como referencia.

Aquí hay opciones que he probado

 const options = { chart: { borderRadius: 20, }, credits: { enabled: false, }, tooltip: { enabled: false, }, plotOptions: { treemap: { // borderRadiusBottomRight: 25, // borderRadiusBottomLeft: 25, borderWidth: 2, borderRadius: 5, borderColor: "#FFFFFF", }, }, series: [ { type: "treemap", data: [{ id: 'A', name: 'Apples', color: "#EC2500", value: 10, }, { id: 'B', name: 'Bananas', color: "#ECE100", value: 15, }, { id: 'C', name: 'Oranges', color: '#EC9800', value: 20, }], }, ], title: { text: "", }, }, };

Nota:

1. La leyenda o el título no son necesarios en el gráfico, el gráfico puede extenderse hasta los bordes si es posible
2. Todos los demás gráficos están hechos con gráficos altos, preferiría hacer el mapa de árbol con el mismo en lugar de usar una biblioteca diferente para ello.
3. No se requiere desglose.