charts - 軸とグリッド線を非表示にする

Question

ハイチャート チャートの軸とグリッド線を完全に非表示にしようとしています。これまで、線の幅を 0 に設定しようとしましたが、うまくいきませんでした。

xAxis: {
  lineWidth: 0,
  minorGridLineWidth: 0,
  lineColor: 'transparent'
}

「プレーンな」プロットを作成するために、軸線/目盛りとグリッド線をグローバルに無効にすることは可能ですか?

Answer 1

追加するだけ

xAxis: {
   ...  
   lineWidth: 0,
   minorGridLineWidth: 0,
   lineColor: 'transparent',
   ...          
   labels: {
       enabled: false
   },
   minorTickLength: 0,
   tickLength: 0
}

xAxis定義に。

バージョン4.1.9以降では、単にaxis属性を使用できますvisible。

xAxis: {
    visible: false,
}

Answer 2

次のように yAxis のグリッド線を非表示にすることもできます。

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

Answer 3

私はなんとか私のものをオフにすることができました

       lineColor: 'transparent',
       tickLength: 0

Answer 4

config オブジェクトに触れたくない場合は、css でグリッドを非表示にします。

.chart-container .highcharts-grid {
   display: none;
}