React Highcharts：如何使用动态文本和 html 样式渲染图表标题

Question

我不敢相信 Highcharts 如此不灵活。我只需要一个带有作为变量传递的日期的样式标题。为什么这么复杂？

title: {
        text: '<div><div>Water Consumption by Day of Week</div><div>{`${startDate}` - `${endDate}`}</div></div>',
        useHTML: true
    }```

It didn't work. Any other ideas?

Answer 1

好的，意识到 Highcharts 有一个可用于第二行的字幕道具。所以这可以作为临时解决方案：

title: {
    text: 'Water Consumption by Day of Week'},
subtitle: {
    text: `${startDate} - ${endDate}`

但是如果我想改变字幕文本的颜色，仍然不知道如何实现。