1. ホーム
  2. charts

[解決済み] Chart.jsでは、チャートのタイトル、X軸、Y軸の名前を設定する?

2022-05-13 06:11:57

質問

Chart.jsは( ドキュメント ) には、データセットに対して、グラフの名前(タイトル)(例:私の街の気温)、X軸の名前(例:日数)、Y軸の名前(例:気温)を設定するオプションがあります。それとも、CSSで解決すべきでしょうか?

var lineChartData = {
    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            fillColor : "rgba(220,220,220,0.2)",
            strokeColor : "rgba(220,220,220,1)",
            pointColor : "rgba(220,220,220,1)",
            pointStrokeColor : "#fff",
            pointHighlightFill : "#fff",
            pointHighlightStroke : "rgba(220,220,220,1)",
            data : [data]
        }
    ]

}

本当にありがとうございました。

どのように解決するのですか?

Chart.jsのバージョン2.0では、軸にラベルを設定することが可能です。

options = {
  scales: {
    yAxes: [{
      scaleLabel: {
        display: true,
        labelString: 'probability'
      }
    }]
  }     
}

参照 ラベリング・ドキュメント を参照してください。