Метки оси категорий перекрываются и не отображаются в amcharts Ганта

#javascript #css #amcharts #amcharts4

#javascript #css #amcharts #amcharts4

Вопрос:

У меня есть pb, где мои метки скрываются, когда высота меньше значения. Например, когда

 #chart {
height: 50vh;
 

}

Результат:

введите описание изображения здесь

Но когда

 #chart {
    height: 40vh;
}
 

Результат:

введите описание изображения здесь

Как вы можете видеть, метки B и D на оси категорий скрыты. но их значения отображаются.

Как я могу изменить размер других, чтобы я всегда мог видеть все метки?. Есть какие-либо предложения, пожалуйста?.

Рабочий код https://jsfiddle.net/davidliang2008/cse496zg /

Ответ №1:

Попробуйте так: https://jsfiddle.net/2sce13n4 /

   yAxes: [{
    type: "CategoryAxis",
    dataFields: {
      category: "name"
    },
    renderer: {
      minGridDistance: 1,
      ...
    }
  }],
 

Установив для minGridDistance оси y значение меньше значения по умолчанию 120 , линиям сетки разрешается сближаться по мере уменьшения диаграммы.