Текст с надписью оси осей категории в c3js-диаграммах

Question

Если текст метки осей категории длинный или несколько слов в диаграмме c3js, они перекрываются и делают его нечитаемым, есть ли какая-либо конфигурация или хак, чтобы исправить эту проблему?

c3js category axis example

Скопируйте и вставьте следующий код, чтобы воспроизвести эту ошибку.

var chart = c3.generate({ 
    data: { 
    columns: [ 
     ['data1',40, 30, 200, 100, 400, 150, 250, 50, 100, 250,67,190,48,123,76,54,254] 
    ] 
    }, 
    axis: { 
    rotated: true, 
    x: { 
     type: 'category', 
     categories: ['Travel and Hospitality','Life Science and Pharma', 'Saas and Cloud', 'Hi-tech Manufacturing', 'Software', 'Business Services', 'Govt/Public Sector', 'Energy', 'Manufacturing', 'Healthcare','Media','Internet','Retail','Biotech','Automobile','Consumer Goods','Financial Services'] 
    } 
    } 
}); 

Answer 1

Я нашел решение в «» многострочного конфигурации под axis_x_tick, как показано ниже: -

axis: { 
    rotated: true, 
    x: { 
     tick: { 
      multiline: false, 
     }, 
     type: 'category', 
    } 
} 

Working example- multiline axis label disabled