Javascript 添加图标和自定义工具提示-y轴-chartjs

Javascript 添加图标和自定义工具提示-y轴-chartjs,javascript,chart.js,Javascript,Chart.js,我正在使用chart.js构建图表。我想在y轴的标签中添加一个图标 我试图添加-标签字符串:“范围”,但似乎不起作用。在这个图标悬停时,我还想添加一个工具提示 如何添加此图标 代码如下: var canvas = document.getElementById('myChart'); var data = { labels: ["Jan", "1", "2", "3", "4", "5", "Feb"], datasets: [ { lab

我正在使用chart.js构建图表。我想在y轴的标签中添加一个图标

我试图添加-
标签字符串:“范围”
,但似乎不起作用。在这个图标悬停时,我还想添加一个工具提示

如何添加此图标

代码如下:

var canvas = document.getElementById('myChart');
var data = {
    labels: ["Jan", "1", "2", "3", "4", "5", "Feb"],
    datasets: [
        {
            label: "data",
            fill: false,
            lineTension: 0.1,
            backgroundColor: "rgba(75,192,192,0.4)",
            borderColor: "rgba(75,192,192,1)",
            borderCapStyle: 'butt',
            borderDash: [],
            borderDashOffset: 0.0,
            borderJoinStyle: 'miter',
            pointBorderColor: "rgba(75,192,192,1)",
            pointBackgroundColor: "#fff",
            pointBorderWidth: 1,
            pointHoverRadius: 5,
            pointHoverBackgroundColor: "rgba(75,192,192,1)",
            pointHoverBorderColor: "rgba(220,220,220,1)",
            pointHoverBorderWidth: 2,
            pointRadius: 5,
            pointHitRadius: 10,
            data: [65, 59, 80, 0, 56, 55, 40],
        }
    ]
};

function adddata(){
    myLineChart.data.datasets[0].data[7] = 60;
  myLineChart.data.labels[7] = "Newly Added";
  myLineChart.update();
}

var option = {
    showLines: true,
  legend: {
    display: false
  },
  title: {
    display: false,
  },
  scales: {
    yAxes: [ {
        scaleLabel: {
        display: true, labelString: 'Range'
      },
      gridLines: {
        drawTicks: false, display: true
      }
    }],
    xAxes: [ {
        scaleLabel: {
        display: true, labelString: 'Last 30 days'
      },
      ticks: {
        min: 0, max: 15, stepSize: 5
      }
    }]
  }

};
var myLineChart = Chart.Line(canvas,{
    data:data,
  options:option
});
这是我的图表: