web-dev-qa-db-de.com

Achse und Gitternetzlinien ausblenden Highcharts

Ich versuche, die Achse und die Gitternetzlinien meines Highcharts-Diagramms vollständig auszublenden. Bisher habe ich versucht, die Breite der Linien auf 0 zu setzen, aber es hat nicht geklappt.

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

Ist es möglich, die Achsenlinien/Häkchen und Gitternetzlinien nur global zu deaktivieren, um ein "einfaches" Diagramm zu erstellen?

74
alex

Einfach hinzufügen

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

zur xAxis-Definition.

137
dgw

Für das yAxis benötigen Sie außerdem:

gridLineColor: 'transparent',

68
Zac Morris

Wenn Sie eine größere Version als v4.9 von Highcharts haben, können Sie visible: false in den xAxis und yAxis Einstellungen.

Beispiel:

$('#container').highcharts({

    chart: {
        type: 'column'
    },

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

    xAxis: {
        visible: false
    },

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

});
25
onetwo12

sie können die Gitternetzlinie in yAxis auch ausblenden als:

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

ich habe es geschafft, meine mit nur auszuschalten

       lineColor: 'transparent',
       tickLength: 0
5
Ben

Wenn Sie das Konfigurationsobjekt nicht berühren möchten, verstecken Sie das Raster einfach mit CSS:

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

Das hat bei mir immer gut funktioniert:

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