Chartjs-Sticky XAxis for vertical scroll on Chartjs. Also a weird visual bug above my y axis

by

1👍

I have played with your codesandox and:

Activate vertical scrollbar

Changing the styles you can have the scrolling:

<template>
  <div style="overflow-y: scroll">
    <div style="position: relative;  height:200px;">
      <canvas :id="id"></canvas>
    </div>
  </div>
</template>

and setting responsive: true and maintainAspectRatio: true you have the verticall scrolling on the chart.

Weird rendering

This is a bug in your configuration because you set 7 labels but you also set 8 values on the datasets. For this reason Datalabels plugin will show also the data even if there isn’t any label. Adding a label, it works well.

Leave a comment