You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在C# .NET中为Highcharts的Series添加自定义字段的方法

在C# .NET中为Highcharts Series添加自定义字段的方法

方法一:利用自带的CustomFields属性

你提供的Series数据类(如PieSeriesData)已内置CustomFields这个Hashtable类型属性,专门用于存储自定义键值对数据,直接使用即可:

// 实例化PieSeriesData并添加自定义字段
var pieDataItem = new PieSeriesData
{
    Name = "产品销量",
    Y = 45,
    CustomFields = new Hashtable
    {
        {"ProductId", "PROD-001"},
        {"StockCount", 120},
        {"IsInPromotion", true}
    }
};

前端展示时,Highcharts会自动将CustomFields中的字段序列化到点数据中,可通过point.自定义键名访问:

// 示例:在tooltip中展示自定义字段
tooltip: {
    formatter: function() {
        return `名称:${this.point.name}<br>销量:${this.y}<br>库存:${this.point.StockCount}`;
    }
}

方法二:创建强类型自定义数据类

如果需要强类型的自定义字段,可继承原Series数据类扩展属性:

// 继承PieSeriesData扩展自定义字段
public class CustomPieData : PieSeriesData
{
    public string ProductId { get; set; }
    public int StockCount { get; set; }
    public bool IsInPromotion { get; set; }
}

// 使用自定义类
var customPieItem = new CustomPieData
{
    Name = "产品B",
    Y = 30,
    ProductId = "PROD-002",
    StockCount = 80,
    IsInPromotion = false
};

这种方式下,Highcharts的序列化机制会自动包含新增的公共属性,前端同样可以直接通过point.ProductId等字段访问。

内容的提问来源于stack exchange,提问作者Ahmed SEDDIK

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 14:18:09