[Chartjs]-Display the triangle pointStyle of chartjs upside down

by

1👍

You can use the rotation property of the point configuration to control how the points are drawn.

new Chart(document.getElementById("chart"), {
  type: "scatter",
  data: {
    datasets: [{
      pointStyle: 'triangle',
      rotation: 60,
      radius: 20, // just here to make the points very visible
      data: [{
        x: 1,
        y: 1
      }, {
        x: 2,
        y: 2
      }, {
        x: 3,
        y: 3
      }]
    }]
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
<canvas id="chart"></canvas>

Leave a comment