【问题标题】:Remove day name from highstock chart tooltip从 highstock 图表工具提示中删除日期名称
【发布时间】:2018-07-06 16:42:44
【问题描述】:

如何从高库存图表的工具提示(以红色突出显示)中删除日期名称。

【问题讨论】:

  • 您必须更改tooltip 选项。特别是pointFormat。

标签: javascript charts highcharts highstock


【解决方案1】:

您可以更改此图表使用的日期* 标签的标准 dateTimeFormat

* 您可能需要将其他内容更改为day,具体取决于您的图表内容。请参阅dateTimeLabel API 了解您可以更改的所有可能性。

 tooltip: {
            dateTimeLabelFormats: {
                day: '%b %e, %Y'
            }
        },

例如,这会将格式更改为Mar 01, 2000。 如果您想要不同的时间格式,您可以查看 Highcharts 用于其格式的PHP strftime,如dateFormat API 中所述

Here你可以找到一个工作的 JSFiddle

【讨论】:

    【解决方案2】:

    我想你可以通过在声明期间编辑工具提示格式来实现这一点。

    工具提示配置示例

     tooltip: {
            formatter: function() {
                return  '<b>' + this.series.name +'</b><br/>' +
                    Highcharts.dateFormat('%e %b %Y',
                                          new Date(this.x))
                + ' date, ' + this.y;
            }
        },
    

    您还可以使用此文档自定义 X 轴工具提示:

    https://api.highcharts.com/highcharts/plotOptions.series.tooltip

    【讨论】:

    • 这段代码格式化了当我悬停一个系列时出现的工具提示
    • @NKdev 试试这个以使用 plotOptions.series.tooltip。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-13
    相关资源
    最近更新 更多