title: How to add Y-Axis label in Chart.js with Vue.js?
body: <p>I want to add string '$' the scale of my y axis values.
  <a href="https://i.stack.imgur.com/HtBd4.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>my Code:</p>
  <pre><code> fillData() {
    this.datacollection = {
      labels: this.time,
      datasets: [
        {
          label: 'PNL ($)',
          backgroundColor: 'rgba(0,80,0,0.2)',
          borderColor: 'lightgreen',
          pointBackgroundColor: 'green',
          borderWidth: 1,
          pointBorderColor: 'green',
          data: this.PNL,
          steppedLine: true,
          // fill: false,
        },
      ],
      options: {
        scales: {
          y: {
            ticks: {
              // Include a dollar sign in the ticks
              callback: (value) =&gt; value + '$',
            },
          },
        },
      },
  </code></pre>
  <p>it should be like this 10$ in Y axis</p>