2016-04-17 18 views
48

私はChart.js v2を使っていくつかの簡単な折れ線グラフを描いています。すべては、これらのグリッド線から離れて正常に動作します:https://nnnick.github.io/Chart.js/docs-v2/#line-chartが、私はそこに、それらの「グリッド線」を隠すことについては何も見つけることができません。 Grid Lines I don't wantChart.js v2 - グリッド線を隠す

折れ線グラフのドキュメントがあります。

誰かが私を助けることができますか?ありがとうございました。

答えて

125

私は解決策を見つけました。これは私にとっては折れ線グラフで動作します。 divの背景色と同じgridLinesカラーを設定します。

var options = { 
scales: { 
    xAxes: [{ 
       gridLines: { 
        color: "rgba(0, 0, 0, 0)", 
       } 
      }], 
    yAxes: [{ 
       gridLines: { 
        color: "rgba(0, 0, 0, 0)", 
       } 
      }] 
    } 

又は

var options = { 
scales: { 
    xAxes: [{ 
       gridLines: { 
        display:false 
       } 
      }], 
    yAxes: [{ 
       gridLines: { 
        display:false 
       } 
      }] 
    } 
+1

これは実際に '0 opacity'黒(透明色にグリッド線の色を設定しています)。これはdivの背景色に関係なく動作するはずです。 – Cristy

+12

または、ディスプレイを使用してください: "color"の代わりにfalse、 – Irvine

+2

ありがとう、非常に!この件に関して、ドキュメントだけが少し明確になっていれば。 :) – iSS

3

OKを使用するには、用事..私はトリックを発見した:

scales: { 
     yAxes: [ 
     { 
      gridLines: { 
       lineWidth: 0 
      } 
     } 
     ] 
    } 
関連する問題