2016-05-28 2 views
3

Я частично реализовал ChartJS в проекте, но не могу понять, как изменить шрифт, отображаемый на осях X и Y гистограммы.Изменение fontFamily на диаграмме ChartJS

Я читал ChartJS documentation, искал примеры на GitHub и т. Д. Я не уверен, что я делаю неправильно, но я уверен, что решение будет включать в себя строку кода и будет поразительно глупо недосмотр с моей стороны.

Этот код рисует диаграмму я хочу, но шрифт по умолчанию:

var barChartLanguage = Chart.Bar(myCanvas, { 
    data: dataLanguages, 
    options: options, 
    defaults: defaults 
}); 

Я попытался изменить шрифт в defaults без успеха:

var defaults = { 
    global: { 
     // example font 
     defaultFontFamily: "'Raleway'" 
    } 
}; 

И я попытался изменить его на ось с options:

var options = { 
    animation: { 
     duration: 2000 
    }, 
    scales: { 
     yAxes: [{ 
      display: true, 
      ticks: { 
       suggestedMin: 0, // minimum will be 0, unless there is a lower value. 
       // OR // 
       beginAtZero: true, // minimum value will be 0. 
       suggestedMax: 10 
      }, 
      gridLines: { 
       display: false 
      }, 
      pointLabels: { 
       fontFamily: "'Raleway'" 
      } 
     }], 
     xAxes: [{ 
      gridLines: { 
       display: false 
      } 
     }], 
    }, 
}; 

ответ

4

Добавить ticks.fontFamily в xAxes так она будет выглядеть следующим образом:

xAxes: [{ 
    gridLines: { 
    display: false 
    }, 
    ticks: { 
    fontFamily: "Verdana", 
    } 
}], 

Документация: http://www.chartjs.org/docs/#scales

Пример на jsfiddle: http://jsfiddle.net/4asLpwd5/

+0

Спасибо! Как я подозревал, неуместная строка кода! – Adrian

+1

Итак, вы должны добавить шрифт как к осям, так и к легенде? Разве не существует способа установить шрифт только один раз? https://jsfiddle.net/askhflajsf/2520kmhg/ –