Длинные этикетки Highcharts

Question

У меня вопрос о длинных ярлыках в высоких диаграммах.

Если вы посмотрите на http://jsfiddle.net/xeHyB/, вы можете увидеть там очень длинные ярлыки, что делает эти длинные ярлыки видимыми, а диаграмма - очень маленькой - бесполезной.

xAxis: { 
      categories: ['Bla bla bla label, bla bla Bla bla bla label, bla bla Bla bla bla label Bla bla bla label, bla ', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label Bla bla bla label, bla bla Bla bla bla label, bla bla, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla'] 
     }, 

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

Возможно ли это?

Лучшие Reagrds Матей

Answer 1

Вы можете использовать опцию label formatter function для форматирования этикетки так, как вы хотите:

 xAxis: { 
      categories: ['Bla bla bla label, bla bla Bla bla bla label, bla bla Bla bla bla label Bla bla bla label, bla ', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label Bla bla bla label, bla bla Bla bla bla label, bla bla, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla'], 
      labels:{ 
       formatter: function(){ 
        if (this.value.length > 10){ 
         return this.value.substr(0,10) + "..."; 
        }else{ 
         return this.value; 
        }       
       } 
      } 
     }, 

Изменено скрипку here.