从 highstock 图表工具提示中删除日期名称

Question

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

Answer 1

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

工具提示配置示例

 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

Answer 2

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

* 根据您的图表内容，您可能需要将其他内容更改为 day。请参阅 dateTimeLabel API 以了解您可以更改的所有可能性。

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

例如，这会将格式更改为 Mar 01, 2000。如果你想要不同的时间格式，你可以查看 PHP strftime which Highcharts uses for their formatting as stated in their dateFormat API

Here 你可以找到一个有效的 JSFiddle

从 highstock 图表工具提示中删除日期名称

Remove day name from highstock chart tooltip

javascript

charts

highcharts

highstock