2016-07-08 6 views
9

В chart.js, как я могу установить размер шрифта только для меток оси x, не касаясь глобальной конфигурации?Размер меток метки Chart.js

Я уже пытался установить параметр scaleFontSize для моего объекта options. Я также попытался настройки:

{ 
    ... 
    scales: { 
    xAxes: [{ 
     scaleFontSize: 40 
     ... 
    }] 
    } 
} 
+0

https://stackoverflow.com/a/48580585/7186739 – Super

ответ

29

Атрибут fontSize на самом деле находится в scales.xAxes.ticks, а не в scales.xAxes, как вы думали.

Таким образом, вы просто должны изменить атрибут вроде этого:

var options = { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       fontSize: 40 
      } 
     }] 
    } 
} 


Вы можете увидеть fully working example in this jsFiddle и вот его результат:

enter image description here

+2

это правильный ответ и должен быть принят –

+1

Да, но как установить fontSize для радиолокационной диаграммы, где нет осей 'x' и' y'? – fonjeekay

+0

Вы указали галочки xAxes в своем объяснении, но установите галочки yAxes на 40 в jsFiddle. –

1

Try, чтобы увидеть, если это будет работать

{ 
    ... 
    scales: { 
    xAxes: [{ 
     fontSize: 40 
     ... 
    }] 
    } 
} 

Он не похож scaleFontSize является допустимым свойством.

+1

Не работает, к сожалению, – dingdingding

+0

Удивительно есть работает для 'scaleLabel' который плохо документированы. – davidkonrad

5

Попробуйте это работает

 options: { 
 
     scales: { 
 
      xAxes: [{ 
 
        ticks: { 
 
        fontSize: 10 
 
        } 
 
        }] 
 
       } 
 
      }

Смежные вопросы