Question

嗨，我正在使用y轴上的净交易和在x轴上键入日期时间的高价图表。我已经在x轴点标签上显示了月份和日期（2016年1月），并希望在工具提示上显示相同的日期格式。但它显示日期和日期，如“2016年1月1日星期一。”

这是我的js代码。

tooltip: {
        headerFormat: '<span style="font-size:10px">{point.x:%Y-%m}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0;font-size:11px;">{series.name}: </td>' +
        '<td style="padding:0"><b>{point.y:,.0f}</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },

感谢您的帮助

Answer 1

只需更改您的观点.X：格式字符串从 {point.x:%Y-%m} 格式化为 {point.x:%b-%Y}，如下所示

tooltip: {
        headerFormat: '<span style="font-size:10px">{point.x:%b-%Y}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0;font-size:11px;">{series.name}: </td>' +
        '<td style="padding:0"><b>{point.y:,.0f}</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },

Answer 2

使用dateFormat

在工具提示和格式中使用html

Highcharts.dateFormat(%Y-%m,this.x)

Answer 3

您应该修改工具提示标题格式

tooltip: {    
    xDateFormat: '%b %Y'
}

或者如果你想修改整个html

tooltip: {    
    headerFormat: '<b>{point.key:%b \'%y}</b><br>'
}

使用pointFormat时的Highcharts工具提示日期格式

3 个答案: