Charts 在Chart.js中设置图表标题，x轴和y轴的名称？

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'
      }
    }]
  }     
}

有关更多详细信息，请参阅。

只需使用以下命令：

<script>
  var ctx = document.getElementById("myChart").getContext('2d');
  var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
      labels: ["1","2","3","4","5","6","7","8","9","10","11",],
      datasets: [{
        label: 'YOUR LABEL',
        backgroundColor: [
          "#566573",
          "#99a3a4",
          "#dc7633",
          "#f5b041",
          "#f7dc6f",
          "#82e0aa",
          "#73c6b6",
          "#5dade2",
          "#a569bd",
          "#ec7063",
          "#a5754a"
        ],
        data: [12, 19, 3, 17, 28, 24, 7, 2,4,14,6],            
      },]
    },
    //HERE COMES THE AXIS Y LABEL
    options : {
      scales: {
        yAxes: [{
          scaleLabel: {
            display: true,
            labelString: 'probability'
          }
        }]
      }
    }
  });
</script>

var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”、]，
数据集：[{
标签：“你的标签”，
背景颜色：[
"#566573",
“#99a3a4”，
“#dc7633”，
“#f5b041”，
“#f7dc6f”，
“"e0aa”，
“#73c6b6”，
“#5dade2”，
“#a569bd”，
“#ec7063”，
“#a5754a”
],
数据：[12,19,3,17,28,24,7,2,4,14,6]，
},]
},
//这里是Y轴标签
选项：{
比例：{
雅克斯：[{
scaleLabel：{
显示：对，
标签字符串：“概率”
}
}]
}
}
});

如果您已经像@andyhasit和@Marcus所提到的那样为axis设置了标签，并且希望在以后更改，那么您可以尝试以下方法：

chart.options.scales.yAxes[0].scaleLabelString=“新标签”

完整配置供参考：

var chartConfig = {
    type: 'line',
    data: {
      datasets: [ {
        label: 'DefaultLabel',
        backgroundColor: '#ff0000',
        borderColor: '#ff0000',
        fill: false,
        data: [],
      } ]
    },
    options: {
      responsive: true,
      scales: {
        xAxes: [ {
          type: 'time',
          display: true,
          scaleLabel: {
            display: true,
            labelString: 'Date'
          },
          ticks: {
            major: {
              fontStyle: 'bold',
              fontColor: '#FF0000'
            }
          }
        } ],
        yAxes: [ {
          display: true,
          scaleLabel: {
            display: true,
            labelString: 'value'
          }
        } ]
      }
    }
  };


用于Chart.js版本3

options = {
  scales: {
    y: [{
      title: {
        display: true,
        text: 'Your Title'
      }
    }]
  }     
}

作为参考-我使用的是Chart_2.5.0.min.js，您可以在这里找到它：是的，sytax在转换为laravel图表库选项后仍能正常工作。非常感谢我一直在寻找正确的syntx，我找到了它
options = {
  scales: {
    y: [{
      title: {
        display: true,
        text: 'Your Title'
      }
    }]
  }     
}