突出主要價值網格線

Question

是否有一個設置，我缺少突出顯示主軸網格線？我嘲笑了下面我想要做的一個例子。箭頭指向我想要的，圓圈顯示了我所擁有的。軸值突出顯示星期幾，但不是網格線。我有一種感覺，它正在考慮將12點作爲長軸網格線。

以下是我對爲CategoryAxis：

"categoryAxis" : 
     { 
      "equalSpacing" : true, 
      "minPeriod" : "hh", 
      "parseDates" : true, 
      "fontSize" : 24, 
      "dateFormats" : [ 
      { 
      period : 'fff', 
      format : 'JJ:NN:SS' 
      }, 
      { 
      period : 'ss', 
      format : 'JJ:NN:SS' 
      }, 
      { 
      period : 'mm', 
      format : 'JJ:NN' 
      }, 
      { 
      period : 'hh', 
      format : 'L A' 
      }, 
      { 
      period : 'DD', 
      format : 'MMM DD\n L A' 
      }, 
      { 
      period : 'WW', 
      format : 'MMM DD\n L A' 
      }, 
      { 
      period : 'MM', 
      format : 'MMM DD\n L A' 
      }, 
      { 
      period : 'YYYY', 
      format : 'MMM DD\n L A' 
      }] 
     }, 

Answer 1

沒有，是不是自動突出顯示這些線路的設置。您可以使用guide通過繪製較暗的線條來突出顯示這些時間。

典型地，這是手動完成的，但是可以通過具有它讀出的類別軸的內部開始和結束日期和放置引導件根據需要使用init事件來自動執行此操作：

var chart = AmCharts.makeChart("chartdiv", { 
    // ... 
    "listeners": [{ 
    "event": "init", 
    "method": function(e) { 
     //get the start and end date objects from the categoryAxis' internal data array 
     var startDate = new Date(e.chart.categoryAxis.data[0].category); 
     var endDate = new Date(e.chart.categoryAxis.data[e.chart.categoryAxis.data.length - 1].category); 
     var guides = []; 
     var guideDate; 
     //start at midnight 
     startDate.setHours(0, 0, 0, 0); 
     while (startDate.getTime() <= endDate.getTime()) { 
     guideDate = new Date(startDate); 
     guides.push({ 
      "lineAlpha": 1, 
      "lineColor": "#000", 
      "date": guideDate 
     }); 
     startDate.setDate(startDate.getDate() + 1); 
     } 
     //remove the first guide if it falls outside of the full date range of the axis 
     if (guides[0].date.getTime() < e.chart.categoryAxis.data[0].category.getTime()) { 
     guides.shift(); 
     } 
     e.chart.categoryAxis.guides = guides; 
     e.chart.validateNow(); //draw the guides 
    } 
    }] 
}); 

Demo