Скрыть оси и линии сетки Highcharts


Я пытаюсь полностью скрыть ось и линии сетки моей диаграммы Highcharts. До сих пор я пытался установить ширину линии до 0, но это не сработало.

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

можно ли просто глобально отключить линии оси / тики и линии сетки для создания "простого" графика?

7 68

7 ответов:

просто добавить

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

для определения абсцисс.

на yAxis вам понадобится:

gridLineColor: 'transparent',

если у вас есть большая версия, чем v4.9 Highcharts вы можете использовать visible: false на xAxis и yAxis настройки.

пример:

$('#container').highcharts({

    chart: {
        type: 'column'
    },

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

    xAxis: {
        visible: false
    },

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

});

вы также можете скрыть линию сетки на yAxis как:

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

мне удалось отключить мой только с

       lineColor: 'transparent',
       tickLength: 0

Если вы не хотите касаться объекта конфигурации, вы просто скрываете сетку с помощью css:

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

это всегда хорошо работало для меня:

yAxes: [{
         ticks: {
                 display: false;
                },