Разрыв строки Chartjs для текста меток осей - PullRequest
0 голосов
/ 19 декабря 2018

enter image description here

Я пытаюсь разрешить разрывы пробелов для меток моего объекта данных.Я просмотрел параметры конфигурации в Chartjs docs , отметьте конфигурацию , чтобы разрешить либо разрывы строк, либо возможность добавить класс CSS, где я могу обрабатывать это с помощью правил разрывных слов.

Данныеобъект структуры:

{
    labels: ["Arts Languages and Communication", "Science, Techology and Health", "Business", "Society and Education"],
    datasets: [{label: "Fall 2014", data: [0,0,0,0]}...]
}

Объект параметров:

{
    scales: {
        xAxes: [{ ticks: { /* no available options from docs */ } }]
    }
}

Желаемый результат:

Слова будут разбиваться на пробелы:

Arts Language
and Communication

1 Ответ

0 голосов
/ 20 декабря 2018

Если вы хотите, чтобы ваш ярлык xAxis переносил текст, вам нужно передать данные в этом формате labels: [['LONG', 'LONG', 'LONG', 'LABEL'], "Blue", ['YELLOW', 'LONG'], "Green Green", "Purple", "Orange"]

Так что в вашем случае -> labels:[['Arts Language', 'and Communication'], 'nextLabel', 'otherLabel']

См. Рабочую демонстрацию: http://jsfiddle.net/Lzo5g01n/11/

...