2016-12-22 6 views
0

長軸グリッド線を強調表示するための設定がありませんか?私は以下にしようとしていることの例を嘲笑した。矢印は私が望むものを指し、サークルは自分のものを示します。軸値は曜日を強調表示しますが、グリッド線は表示しません。私はそれが午後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' 
      }] 
     }, 

enter image description here

答えて

1

いいえ、自動的にこれらの行をハイライト設定はありません。 guideを使用すると、暗い線を引いてその時間を強調表示できます。

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

通常、これは、しかし、あなたはそれがカテゴリ軸の内部開始日と終了日を読ん有し、かつ、必要に応じてガイドを配置することで、自動的にこれを行うにはinitイベントを使用することができ、手動で行われます

+0

パーフェクト!それは私が探していたものです! – Jonathan

関連する問題