score:1

Accepted answer

you can get a result close to your example image, but not exactly the same. you would probably need to create a custom axis to align the tick labels to the zero line.

let axisconfig = {
  drawborder: false,
  gridlines: {
    linewidth: 0,
    zerolinewidth: 1
  },
  ticks: {
    max: 6,
    min: -6
  }
};
new chart(document.getelementbyid("chart"), {
  type: "scatter",
  options: {
    scales: {
      xaxes: [axisconfig],
      yaxes: [axisconfig]
    }
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.8.0/chart.min.js"></script>
<canvas id="chart"></canvas>


Related Query

More Query from same tag