Hey.
ts component:
dataLabels: {
useHTML: true,
enabled: true,
formatter: () => {
const color = 'red';
return `<div>
<span class="rn-timeline-label" style="color:${color}">${30} °C</span>\
</div>`;
}
},
css file:
.highcharts-label .rn-timeline-label {
font-family: 'Inter', sans-serif;
font-size: 13px;
text-outline: none;
font-weight: 600;
}
considering this.
When i inspect the label with the devtools, i can se that my class "rn-timeline-label" has been applied. However none of the style configs set in the class are active. Anything im missing here?