2016-05-28 10 views
3

私は部分的にChartJSをプロジェクトに実装しましたが、棒グラフのX軸とY軸に表示されるフォントを変更する方法がわかりません。ChartJSの棒グラフでfontFamilyを変更する

ChartJS documentationを読んだことがあります.GitHubなどのサンプルを検索しましたが、私は何が間違っているのか分かりませんが、解決策がコード行を含み、驚くほど愚かなものになることは確実です私の面での見落とし。

このコードは、私が欲しいのチャートを描画するが、デフォルトのフォントで:

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

そして、私は上でそれを変更しようとした:

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

私は成功せずdefaultsでフォントを変更しようとしました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", 
    } 
}], 

ドキュメント:jsfiddleにhttp://www.chartjs.org/docs/#scales

例:http://jsfiddle.net/4asLpwd5/

+0

ありがとうございます!私が疑っているように、誤ったコード行! – Adrian

+1

これで、凡例と両方の軸にフォントを追加する必要がありますか?一度だけフォントを設定する方法はありませんか? https://jsfiddle.net/askhflajsf/2520kmhg/ –

関連する問題