【问题标题】:How to edit tooltip in Highcharts C# code如何在 Highcharts C# 代码中编辑工具提示
【发布时间】:2016-11-23 16:14:21
【问题描述】:

我有一个 Highchart 基本条形图,我想为其编辑工具提示。

基本上,当我将鼠标悬停在条形上时,它会给出我编码的百分比值(在 seriesData 中)

我想要的是也能够使用计数。我看过了

.SetToolTip(new Tooltip {
    Shared = true,
    Formatter = @"function() { return this.whatever; }
}

可能习惯了这个效果,但我不知道this指的是什么,也不知道如何从C#代码中插入我自己的变量。

【问题讨论】:

  • 我对 C# 或 .NET 一无所知,但在 javascript 中,我会使用 console.log(this) 转储 this 的内容并查看它可以访问的内容。
  • 您是否希望获得条形图中所有百分比的总和?如果是这样,我有这个代码。
  • @jlbriggs 在内联 javascript 中尝试过,但无济于事。
  • @MikeZavarello 不,我正在尝试获取工具提示中包含的原始 c# 数据,但似乎无法管理它。现在头很痛,所以我会在早上重新访问大声笑
  • 如果您在 jsfiddle 中设置配置(或任何可以编辑 javascript 并在浏览器中查看的地方),您可以使用 console.log(this) 并查看其内容。然后你可以回到你的 C# 并编写正确的路径来获取你需要的数据。

标签: javascript c# .net asp.net-mvc highcharts


【解决方案1】:
Formatter = { headerFormat = "<b>{series.name} </b> <br>", pointFormat = "<b>{point.y:,.0f}%</b>" }

您需要在格式化程序中添加所需的属性。 headerFormat 主要用于小部件的标题(例如药物名称、城市等) pointFormat 这将是悬停特定小部件时的返回字符串/数字。请查看示例here

【讨论】:

  • 如果您在 highcahrt 中使用系列,这是一个示例。同时传递系列名称和 point.y 值,您还可以在格式化程序中添加计算。希望对您有所帮助
  • 欢迎来到 Stack Overflow!虽然这段代码 sn-p 可以解决问题,但including an explanation 确实有助于提高帖子的质量。请记住,您正在为将来的读者回答问题,而这些人可能不知道您的代码建议的原因。也请尽量不要用解释性 cmets 挤满你的代码,因为这会降低代码和解释的可读性!
  • 下次会做。谢谢@FrankerZ :)
  • 为什么下次@JJG?只需几分钟即可编辑您的帖子并给出一个很好的可靠答案。另外:你会从我这里获得稳定的 10 声望。
猜你喜欢
  • 1970-01-01
  • 2022-07-14
  • 1970-01-01
  • 2012-09-07
  • 1970-01-01
  • 2023-03-28
  • 1970-01-01
  • 2016-01-07
  • 2021-12-18
相关资源
最近更新 更多