Chart.js - 折れ線グラフ：グリッド線の間に点を描く

Question

Chart.jsバージョン2.1.3を使って折れ線グラフを作成しています。

ラベルをに、点をにx軸のグリッド線の間に配置したい（棒グラフのように）。

scales: { 
    xAxes: [{ 
     gridLines: { 
      offsetGridLines: true 
     } 
    }], 
    ... 

それでも、私はポイントを中央に便利なソリューションを見つけていないことができます。

は、ラベルのために、私は、グリッド線からラベルをオフセットオプション「offsetGridLinesは」を使用します。

私の最初の例（グリッド線の間に置かれたラベル）はhttps://jsfiddle.net/24aotbnc/1/です。

そして、ここに型「バー」が空のデータセットを作成し、グラフの作成後、それを削除し、私の非エレガントなソリューション（ポイントがグリッド線間に描画されている）である：https://jsfiddle.net/24aotbnc/2/

誰かがよりよい解決策を提供することはできますか？ありがとう。

Answer 1

ラインポイントの位置xを（持つ又はオフセットなしのいずれか）のみデータセット長

var includeOffset = (labels.length === 1 || dataset.data.length === 1) || me.chart.isCombo; 
x = xScale.getPixelForValue(typeof value === 'object' ? value : NaN, index, datasetIndex, includeOffset); 

に基づいて算出されるようにincludeOffsetは、中央または左にあるようにラインポイントの位置を決定します地域のために、それを設定する方法はありません。