【问题标题】:Highchart Heatmap Tooltip get x or key in HeaderFormatHighchart 热图工具提示在 HeaderFormat 中获取 x 或键
【发布时间】:2020-05-13 05:09:21
【问题描述】:

我将日期作为 x 轴(即使不是日期),并且需要以标题格式访问值。但这不起作用。 根据heatmap header api,他们确实提供了“可用变量是 point.key、series.name、series.color 以及来自点和系列对象的其他成员”。但在标题格式中,键和其他为空。这是一个错误还是我错过了什么

fiddle

headerFormat: '1:{point.key} 2:{point.x} 3:{point.y} 4:{point.z} 5:{point.value} 6:{series.name} 7{x} 8:{series.value}' 

请在悬停时将日期显示在底部。

【问题讨论】:

    标签: highcharts heatmap


    【解决方案1】:

    headerFormat 中的规则类似于formatter 函数。你可以先把point当作this对待,所以使用:

      tooltip: {
        ...,
        headerFormat: '2:{point.point.x}'
      }
    

    现场演示: http://jsfiddle.net/BlackLabel/s8rLngtc/

    API 参考: https://api.highcharts.com/highcharts/tooltip.formatter

    【讨论】:

    • 感谢您的回复(至少有数据显示,我知道它是子属性)但数据不正确,日期是 2020 年,但显示的是 2013,2014,2015。 @ppotaczek
    • headerFormat: 'pk:{point.key} ppk:{point.point.key} ppx:{point.point.x} ppy:{point.point.y} pz:{point.z} pv:{point.value} ssn:{series.series.name} x:{x} ssx:{series.series.x} ssv:{series.series.value}' , 这是我正在尝试的 & ppx 有错误数据
    • 似乎是应该向他们报告的错误:(
    • 嗨@prakash,不,这不是错误。只需使用 category 轴类型的字符串,而不是数字。示例:jsfiddle.net/BlackLabel/ju7egpbh
    • 非常感谢(真的错过了)。关于这个的最后一个问题..所以假设我使用了字符串(有日期)然后在工具提示中我可以将它重新格式化为日期吗? (headerFormat 是否支持计算)& 为此,我如何设置图表 x 轴以显示日期?还是反之亦然.. 如果 x 轴是日期,则工具提示不好,如果工具提示好,则轴 dateFormat 丢失? @ppotaczek
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多