Вертикальный текст в chart.js

207
26 июня 2017, 19:32

Доброго времени суток. Перерыл документацию по chart.js, но что-то не нашел, как заставить labels печататься вертикально?

Ситуация такая, что есть столбчатая диаграмма, столбиков штук 30, естественно все метки под столбиками не вмещаются и chart.js их НЕМНОГО поворачивает, и выводит скажем через 3. А мне надо, чтобы метка была под каждым столбцом, и располагалась вертикально... Это вообще легально, chart.js так умеет?

Answer 1

Такое можно сделать. Достаточно установить три значения: maxRotation: 90, minRotation: 90, autoSkip: false в свойстве ticks определенной оси.

var myChart = new Chart(ctx, {
   type: 'bar',
   data: chartData,
   options: {
   scales: {
   xAxes: [{
      ticks: {
      autoSkip: false,
      maxRotation: 90,
      minRotation: 90
      }
    }]
  }
 }
});
READ ALSO
Сбросить все стили для элемента

Сбросить все стили для элемента

На уже существующюю страницу сайта (для справки Sharepoint 2007) надо встроить кусок на bootstrap 3Все более-менее ok, но часть стилей все-таки наследуется...

271
Авторизация Yii2 advanced на локальном сервере

Авторизация Yii2 advanced на локальном сервере

Как авторизоваться на странице backend с правами администратора? База данных создалась в MySQL менеджере Open Server командой yii migrate, создались migration...

318
Как связать 3 таблицы mysql

Как связать 3 таблицы mysql

ЗдравствуйтеУ меня имеется 3 таблицы в mysql goods, group_name, remainders

317