在XAxisTitle或YAxisTitle中使用html属性

本文关键字：html 属性 XAxisTitle YAxisTitle | 更新日期: 2023-09-27 18:06:54

类标题 DotNet。Highcharts有属性UseHtml，但我找不到相同的属性在类XAxisTitle和YAxisTitle。

如何显示html文本(例如СН3СНО)在yaxis或xaxis标题。

在XAxisTitle或YAxisTitle中使用html属性

查看HighCharts的API文档，xAxis和yAxis标题没有使用HTML的属性。然而，它仍然存在:

yAxis: {
    title: {
        text: 'СН<SUB>3</SUB>СНО',
        useHTML: true,
        style: {
            color: 'red'
        }
    }
}

DotNet。Highcharts API只显式地公开Highcharts API中的项。这是我们停止使用它的原因之一。您可以在chart.events.load部分添加一个事件来设置轴标题useHTML属性:

chart: {
    events: {
        load: function (event) {
            this.yAxis[0].setTitle({
                useHTML: true,
            });
        }
    }
},
yAxis: {
    title: {
        text: 'СН<SUB>3</SUB>СНО'
    }
}

Live demo使用load事件

Wergeld的答案是正确的，但我找到了另一个解决方案。

我们可以使用继承来扩展YAxisTitle并添加属性UseHtml。

public class YAxisTitleExtend : YAxisTitle
{
     public bool? UseHTML { get; set; }
}

和使用YAxisTitleExtend代替YAxisTitle。

如果出现了其他非显式属性，我们可以简单地添加它们来扩展类。

相关文章：