2016-09-05 34 views
0

値を削除せずにグラフから最初の垂直線を削除する方法はありますか?ここ chart.js remove vertical lineChart.js最初の垂直線を削除

私のオプションがどのように見えるかです:

scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true, 
       maxTicksLimit: 5, 
       suggestedMax: maxValue 
      } 
     }], 
     xAxes : [{ 
      categoryPercentage: 1.0, 
      display : false, // set this to false to hide the labels under the bars 
      gridLines: { 
       display: false 
      } 
     }] 
    }, 

答えて

0

は、チャートオプション、scaleLineColorを使用してみてください、と0不透明度を持っている色を設定:

new Chart(ctx).Bar(data, { 
scaleLineColor: 'rgba(0,0,0,0)' 
}); 

http://jsfiddle.net/wb3kcunt/33/

chartjs v2を使用している場合は、scales.gridLinesのshowBorderオプションでトリックを実行する必要があります:

options:{ 
    scales: { 
    gridLines:{ 
     showBorder:false 
     } 
    } 
} 

のドキュメントを参照してください:

http://www.chartjs.org/docs/#scales

+0

ありがとうございます、私はv2を使用しています。私はそれを試みましたが、動作しませんでした。 最初のソリューションはV1にのみ適用できますか? –

1

削除したいどのようなおそらくチャートの境界線です。 Chart.js v2ので、私は、グリッド線の設定のためにfalsedrawBorderを設定することで、この第1の垂直境界線を削除することができた:Chart.jsドキュメントで

options: { 
    scales: { 
     yAxes: [{ 
      gridLines: { 
       drawBorder: false 
      } 
     }] 
    } 
} 

それは、サブ見出し「グリッドラインコンフィギュレーションの下でhttp://www.chartjs.org/docs/#scales-common-configurationに説明されています"

関連する問題