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


Answers

Для yAxis вам также понадобятся:

gridLineColor: 'transparent',

Question

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

xAxis: {
  lineWidth: 0,
  minorGridLineWidth: 0,
  lineColor: '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
    }

});



Если вы не хотите касаться объекта config, вы просто спрячете сетку css:

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





Related