設置提示日期格式Highchart

Question

您好我是USNG一個highchart其中i wbnt設置在特定的格式提示值，

我有folloing格式類別和系列：

json message{"Categoires":["2015-11-09","2015-11-08""2015-11-15"],"Series":[2,0,2]} 

我在這裏使用類別值設置在工具提示，我在 "2015-11-09"格式。

，我想在此設置爲AMT：

Wednesday, Nov 11, 2015 

任何一個可以HELO樂，請幫助我是全光照高圖表首次。

更新代碼

感謝

Answer 1

這就是我們如何在提示

tooltip: { 
     xDateFormat: '%Y-%m-%d %H:%M', 
     shared: true 
    } 

設定的日期格式，這些都是不同的日期格式，我們可以使用

millisecond:"%A, %b %e, %H:%M:%S.%L", 
second:"%A, %b %e, %H:%M:%S", 
minute:"%A, %b %e, %H:%M", 
hour:"%A, %b %e, %H:%M", 
day:"%A, %b %e, %Y", 
week:"Week from %A, %b %e, %Y", 
month:"%B %Y", 
year:"%Y" 

對於參考這裏是一個例子：

$(function() { 
$('#container').highcharts({ 
    chart: { 
     zoomType: 'xy', 
     spacingRight: 20 
    }, 
    credits: { 
     enabled: false 
    }, 
    title: { 
     text: '' 
    }, 
    xAxis: { 
     type: 'datetime', 
     labels: { 
      overflow: 'justify' 
     }, 
     startOnTick: true, 
     showFirstLabel: true, 
     endOnTick: true, 
     showLastLabel: true, 
     categories: dateAndTimeArray, 
     tickInterval: 10, 
     labels: { 
      rotation: 0.1, 
      align: 'left', 
      step: 10, 
      enabled: true 
     }, 
     style: { 
      fontSize: '8px' 
     } 
    }, 
    yAxis: { 
     title: { 
      text: 'Measurement value' 
     } 
    }, 
    tooltip: { 
     xDateFormat: '%Y-%m-%d %H:%M', 
     shared: true 
    }, 
    legend: { 
     enabled: false 
    }, 
    plotOptions: { 
     area: { 
      fillColor: { 
       linearGradient: { 
        x1: 0, 
        y1: 0, 
        x2: 0, 
        y2: 1 
       }, 
       stops: [ 
        [0, Highcharts.getOptions().colors[0]], 
        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] 
       ] 
      }, 
      lineWidth: 1, 
      marker: { 
       enabled: false 
      }, 
      shadow: false, 
      states: { 
       hover: { 
        lineWidth: 1 
       } 
      }, 
      // threshold: null 
     } 
    }, 
    series: [{ 
     type: 'line', 
     name: 'Value', 
     data: chartData, 
     marker: { 
      enabled: false 
     } 
    }] 
}); 
});