Скрытие осей и сетки Highcharts
Я пытаюсь полностью скрыть ось и линии сетки моей диаграммы Highcharts. До сих пор я пытался установить ширину линии до 0, но это не сработало.
xAxis: {
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent'
}
можно ли просто глобально отключить линии оси / тики и линии сетки, чтобы создать "простой" участок?
7 ответов
просто добавить
xAxis: {
...
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
...
labels: {
enabled: false
},
minorTickLength: 0,
tickLength: 0
}
к определению xAxis.
если у вас больше версии, чем 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;
}