highcharts.NET 向数据标签添加附加数据

我正在使用 highcharts.NET 生成饼图,该饼图以百分比形式显示锻炼中使用的心率区。但是,我希望工具提示将此值显示为时间单位。


 zonesPercentage.ForEach(t => pieData.Add(new PieSeriesData

 {

    Name = t.Effort,

    Y = (double?)t.Percentage,

    Sliced = t.Effort.Equals("Threshold", StringComparison.InvariantCultureIgnoreCase),

    Selected = t.Effort.Equals("Threshold", StringComparison.InvariantCultureIgnoreCase)

}));

数据标签如下所示...


 DataLabels = new PlotOptionsPieDataLabels

                  {

                     Enabled = false,

                     Format = "<b>{point.name}</b>: {point.percentage:.1f} %"

                  }

但是,我想使用自定义属性,以便我的格式可以类似于...


"<b>{point.name}</b>: {point.customTimeAttribute}"

Highcharts.js 可以做到这一点,但是通过它的 .NET 包装器可以实现吗?


炎炎设计
浏览 154回答 2
2回答

繁星coding

这是可在Highcharts.net6.1.0.24及更高版本。下面是一个示例,说明如何从 MVC 控制器实现带有附加数据字段的图表。&nbsp;public ActionResult Index()&nbsp;{&nbsp; &nbsp; List<PieSeriesData> pieData = new List<PieSeriesData>();&nbsp; &nbsp; pieData.Add(new PieSeriesData { Name = "FireFox", Y = 45.0 });&nbsp; &nbsp; pieData.Add(new PieSeriesData { Name = "IE", Y = 26.8 });&nbsp; &nbsp; pieData.Add(new PieSeriesData { Name = "Chrome", Y = 12.8, Sliced = true, Selected = true });&nbsp; &nbsp; pieData.Add(new PieSeriesData { Name = "Safari", Y = 8.5 });&nbsp; &nbsp; pieData.Add(new PieSeriesData { Name = "Opera", Y = 6.2 });&nbsp; &nbsp; pieData.Add(new PieSeriesData { Name = "Others", Y = 0.7 });&nbsp; &nbsp; //// Add additional data fields to the first PieSeriesData object.&nbsp; &nbsp; pieData[0].CustomFields.Add("expected", 37);&nbsp; &nbsp; pieData[0].CustomFields.Add("result", "success!");&nbsp; &nbsp; ViewData["pieData"] = pieData;&nbsp; &nbsp; return View();}从这里开始,像往常一样初始化您视图中的图表。我没有为此提供代码,因为它可能非常广泛。Highcharts 的好人提供了一个示例解决方案,演示了如何使用其他自定义数据字段。
打开App,查看更多内容
随时随地看视频慕课网APP