在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
相关产品推荐
相关产品推荐

