Highcharts перекрывающиеся метки категорий

Мне нужна помощь с проблемой с метками категорий для xAxis. Когда нет места для всех меток категорий, они сжимаются вместе и перекрывают друг друга.

Я искал, могу ли я найти способ убедиться, что этого не произойдет, сначала я искал решение для прокрутки, затем какое-то масштабирование, и в конце концов я попытался пойти на staggerLines.

проблема в том, что если я должен использовать staggerLines, мне нужно установить значение в зависимости от числа категорий у меня нет. Если у меня есть 10 или меньше, значение staggerLine установлено в 1, 11-20 я хочу, чтобы оно было 2, 21-30 я хочу установить его в 3 и так далее. Я не могу просто установить его на 3, потому что иногда это будет просто несколько категорий, и это не будет выглядеть хорошо с staggerLines.

У кого-нибудь есть хорошее предложение, как решить эту проблему?

1 ответов


вам не нужно использовать категории вообще. В общих категориях хорошо показывать, например, фрукты или имена - как определить, какое имя должно отображаться, а какое нет? Яблоко более важным, чем банан?

однако решение довольно простое, используя xaxis label formatter, посмотрите:http://jsbin.com/oyudan/27/edit

xAxis: {
  labels: {
    formatter: function(){
      return names[this.value];
    }
  }
},