在XAxisTitle或YAxisTitle中使用HTML属性

时间:2014-06-05 07:04:17

标签: c# highcharts dotnethighcharts

DotNet.Highcharts的类标题具有属性UseHtml,但我在类 XAxisTitle YAxisTitle 中找不到相同的属性。< / p>

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

2 个答案:

答案 0 :(得分:1)

查看HighCharts的API文档,xAxisyAxis标题没有使用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>СНО'
    }
}

使用load活动实时demo

答案 1 :(得分:1)

Wergeld的回答是正确的,但我找到了另一种解决方案。

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

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

使用YAxisTitleExtend代替YAxisTitle。

如果出现了另一个未明确的属性,我们可以简单地添加它们来扩展类。