2016-07-20 6 views
0

サブティック間隔を設定することはできますか?tickIntervalインターバル内

Y軸の最大値が1500の場合、Y軸は1500であり、Y軸の最大値は1500です。以下の間隔を有する:
0, 250, 500, 750, 1000, 1250, 1500

0で

- 私は0, 50, 100, 150, 200, 250

をしたいと思います250の範囲だから、Y軸上の間隔は次のようになります。
0, 50, 100, 150, 200, 250, 500, 750, 1000, 1250, 1500。ここで

function loadColumnBarChart(Hired, Scrned, AllTimPreQulfd, Qualfid, AllTimSAD, SAD, SMD, Aprvd, pndin) { 
    $('#chartMain').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: Data Flow' 
     }, 

     xAxis: { 
      categories: [ 
       'Hired', 
       'Screened', 
       'Pre-Qualified', 
       'Submitted All Docs', 
       'Submittted Missing Docs', 
       'Approved', 
       'Pending' 
      ], 
      crosshair: true 
     }, 
     yAxis: { 
      min: 0, 
      tickInterval: 250, 
     // tickPixelInterval: 50, 
      title: { 
       text: 'Employees' 
      } 
     }, 
     tooltip: { 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
       '<td style="padding:0"><b>{point.y:.1f} </b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     },  
     series: [{ 
      name: 'Current Status', 
       data: [Hired, Scrned, Qualfid, SAD, SMD, Aprvd, pndin] 
      }, { 
       name: 'Total Amount', 
       data: [Hired, Scrned, AllTimPreQulfd, AllTimSAD, SMD, Aprvd, pndin] 

     }] 
    }); 
} 
+0

私はあなたが(イラストが役立つだろう)もう少し明確にしたいかを説明しなければならないと思います。しかし、** tickPositions **プロパティまたは** tickPositioner **関数を使用することで、チックの位置付けに必要なものをほとんどすべて行うことができます。http://api.highcharts.com/highcharts#yAxis.tickPositions | http://api.highcharts.com/highcharts#yAxis.tickPositioner – jlbriggs

+0

@jibriggsさんがもっとイラストレーションで質問を更新しました。 –

+0

それで答えはイエスですが、以前のコメントで述べた2つの方法のいずれかを使って自分で数学を行う必要があります。前処理して、y値の配列を** tickPositions **に返して、目盛りを描画するか、** tickPositioner **関数のコールバックとして計算する関数を指定することができます。 – jlbriggs

答えて

1

は、必要に応じて、あなたがクリーンアップをすることができますことを、ドキュメントに基づいて、粗製の例です。

コード:

yAxis: { 
    min: 0, 
    max: 1500, 
    tickPositioner: function() { 
    var positions = [], 
     tick = 0, 
     increment1 = 50, 
     increment2 = 250; 
    for (tick; tick < 250; tick += increment1) { 
     positions.push(tick); 
    } 
    for (tick; tick - increment2 < this.max; tick += increment2) { 
     positions.push(tick); 
    } 
    return positions; 
    } 
} 

はフィドル

リファレンス

関連する問題