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





изменить экселе (7)


Если у вас большая версия, чем 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
    }

});

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

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

Можно ли просто глобально отключить осевые линии / тики и линии сетки, чтобы создать «простой» сюжет?




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

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



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

       lineColor: 'transparent',
       tickLength: 0



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

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



Просто добавь

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

к определению xAxis.




вы также можете скрыть линию сетки на yAxis следующим образом:

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}



На это был дан ответ, но недостаточно решительно. Документация Highcharts говорит явно

... В большинстве случаев диаграмма строится в одном потоке, но в Internet Explorer версии 8 или ниже диаграмма иногда инициируется до того, как документ готов, и в этих случаях объект диаграммы не будет завершен непосредственно после вызова new Highcharts.Chart() . Как следствие, код, который опирается на недавно построенный объект Chart, должен всегда выполняться в обратном вызове.

Таким образом, работа с объектом диаграммы в IE8 должна выполняться в new Highcharts.Chart(options, function(chart) { ... }) , то есть в new Highcharts.Chart(options, function(chart) { ... }) . Вы также можете использовать function() { ... } и использовать this в функции.

Что касается вашего конкретного беспокойства повторно загрузите сообщение. Я должен был сделать это в обратном вызове, но это работает.

chart1 = new Highcharts.Chart(options, function(){
  this.showLoading();
});




charts highcharts