2016-05-20 15 views
1

xAxisタイムデータを図のようにフォーマットする方法。私が試したもの は次のとおりです。形式Xaxisハイチャートでの時刻

xAxis: { 
     allowDecimals: false, 
     type: "datetime", 
     categories: [Date.UTC(2013, 0, 7),Date.UTC(2013, 0, 9),Date.UTC(2014, 0, 3),Date.UTC(2015, 0, 5),Date.UTC(2016, 0, 7)], 
     labels: { 
      //format: '{value: %A, </b> %y </b> %B}', 
      formatter: function() { 
       var dayStr = Highcharts.dateFormat('%A', this.value); 
       var monthstr = Highcharts.dateFormat('%B', this.value); 
       var yearstr = Highcharts.dateFormat('%y', this.value); 
       var finaldate = '<div>' + dayStr + '</div></br><div>' + yearstr + monthstr + '</div>' 
       return finaldate;  // clean, unformatted number for year 
      } 
     } 
    }, 

予想される出力:事前に enter image description here

感謝!!

答えて

1

私はuseHTML

useHTML: true, 
      //format: '{value: %A, </b> %y </b> %B}', 
      formatter: function() { 
       var dayStr = Highcharts.dateFormat('%A', this.value); 
       var monthstr = Highcharts.dateFormat('%B', this.value); 
       var yearstr = Highcharts.dateFormat('%y', this.value); 
       var finaldate = '<div>' + dayStr + '</div><div>' + yearstr + ' ' + monthstr + '</div>' 
       return finaldate;  // clean, unformatted number for year 
      } 
を追加することによって、それを固定