2016-11-18 122 views
0

我有一個返回JSON日期對我來說,我在Highcharts條形圖顯示的應用程序。對於x軸的場是一個日期和它來自服務器背面是JSON格式如:「日期」:「2016-11-15T00:00:00.000Z」HighCharts日期格式

我想在顯示日期X軸只是2016-11-15,甚至更好,以當地日期格式顯示,在這種情況下,它將是2016-11-14,因爲它是GMT-5小時。

我讀過的文件,但它似乎並沒有工作。任何幫助表示讚賞!

回答

1

閱讀指南,你可以解析ISO字符串日期JS日期Date構造函數。然後以毫秒爲單位獲取時間戳 - 這是Highcharts所需的格式。

new Date("2016-11-15T00:00:00.000Z").getTime(), 

在format屬性中,您可以定義如何顯示日期。

xAxis: { 
    type: 'datetime', 
    labels: { 
    format: '{value:%Y-%m-%d}', 
    } 
}, 

例如:http://jsfiddle.net/akehpzq4/4/

對於本地時間,看到useUTC選項。

+0

偉大工程!非常感謝! – user2843365

0

您可以使用此函數返回日期格式

function ReadDate(dateTM) { 
    var date = new Date(parseInt(dateTM.replace("/Date(", "").replace(")/", ""), 10)); 
    if (date.getFullYear() > 1 && date.getFullYear() != 1900) { 
     return (date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear()); 
    } else return "" 
} 

您可以在此鏈接How do I format a Microsoft JSON date?

+0

沒錯,就是工作。但是,如何在高圖中調用該函數?我希望x軸上的所有日期使用該函數。十分感謝你的幫助!! – user2843365

+0

爲什麼'date.getFullYear()!= 1900'? – RobG

+0

x軸:{ 類:ReadDate(值), tickmarkPlacement: '上', 標題:{ 啓用:假 }} , – Bader