格式化 Highchart 日期时间时间类别

Posted

技术标签:

【中文标题】格式化 Highchart 日期时间时间类别【英文标题】:Formatting Highchart dateime time categories 【发布时间】:2017-09-14 01:13:34 【问题描述】:

谁能告诉我如何在以下代码中指定类别的格式。 为什么我的 xAxis 类别(以毫秒为单位)被转换为“1970-01-01 00:00:00”

这是我的Fiddler的链接

var chart = new Highcharts.Chart(

    chart: 
        renderTo: 'container'
    ,

    title: 
        text: 'Categorized chart'
    ,

    xAxis: 
        categories: [1496275200000,1498867200000,1501545600000,1504224000000],
        type : 'datetime'
    ,

    series: [
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    ]

);

$('#preview').html(chart.getCSV());

【问题讨论】:

【参考方案1】:

来自官方example的想法

你的代码会是这样的

xAxis: 
    //categories: [1496275200000,1498867200000,1501545600000,1504224000000],
    type : 'datetime'
,

series: [
    data: [[1496275200000,29.9],[1498867200000,71.5],[1501545600000,106.4] , [1504224000000,129.2]]
]

Fiddle演示

【讨论】:

非常感谢,我会尝试按照建议更改我的代码

以上是关于格式化 Highchart 日期时间时间类别的主要内容,如果未能解决你的问题,请参考以下文章

SQL中哪个字段类别记录日期和哪个字段类别记录时间

在我的 PowerPivot 柱形图中更改类别轴上的日期格式

IOS 日期的简洁格式展示

IOS 日期的简洁格式展示

windows7修改日期和时间的显示格式

Win7系统怎么更改日期,时间和数字格式