web-dev-qa-db-ja.com

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

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

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

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

chartshighcharts
74
alex

追加するだけ

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

x軸の定義に。

137
dgw

yAxisには、次のものも必要です。

gridLineColor: 'transparent',

68
Zac Morris

Highcharts v4.9よりも大きいバージョンを使用している場合は、xAxisおよびyAxis設定でvisible: falseを使用できます。

例：

$('#container').highcharts({

    chart: {
        type: 'column'
    },

    title: {
        text: 'Highcharts axis visibility'
    },

    xAxis: {
        visible: false
    },

    yAxis: {
        title: {
            text: 'Fruit'
        },
        visible: false
    }

});
25
onetwo12

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

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}
19
Shweta Bhagwat

私はちょうど私のものをオフにすることができた

       lineColor: 'transparent',
       tickLength: 0
5
Ben

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

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

これは常に私にとってうまく機能しています：

yAxes: [{
         ticks: {
                 display: false;
                },
0
0365Chris