Chartjs-chart-matrix issue

[Temur]

Hi. Tried to use library Chartjs-chart-matrix, but didn't managed to make it work along with vue chart 3.

<Matrix :chartData="salesData" />

import {MatrixController, MatrixElement} from chartjs-chart-matrix;

Chart.register(MatrixController, MatrixElement, DoughnutController, ArcElement, Tooltip);

const Matrix = defineChartComponent("MatrixChart", "matrix");

  setup() {
    const salesData = {
      type: 'matrix',
      datasets: [
        {
          label: 'Basic matrix',
          data: [{x: 1, y: 1}, {x: 2, y: 1}, {x: 1, y: 2}, {x: 2, y: 2}],
          borderWidth: 1,
          borderColor: 'rgba(0,0,0,0.5)',
          backgroundColor: 'rgba(200,200,0,0.3)',
          width: ({chart}) => (chart.chartArea || {}).width / 2 - 1,
          height: ({chart}) => (chart.chartArea || {}).height / 2 - 1,
        },
      ],
      options: {
        scales: {
          x: {
            display: false,
            min: 0.5,
            max: 2.5,
            offset: false
          },
          y: {
            display: false,
            min: 0.5,
            max: 2.5
          }
        }
      }
    };
    return {salesData};

  }

[Victor Garcia]

Hi i'm going to need more info on the error you are getting, and you can make a reproduction link based on https://codesandbox.io/s/demo-vue-chart-3-ugynm

Just by your exemple it seems like you are putting options in the wrong place

[Temur]

https://codesandbox.io/embed/demo-vue-chart-3-forked-evpw0?fontsize=14&hidenavigation=1&theme=dark

[Victor Garcia]

https://codesandbox.io/s/demo-vue-chart-3-forked-7ucdq?file=/src/App.vue just like i said for options