Response Report Designer

const responseReportDesigner = {
  dataColumns: [
    {
      value: 'nama_provinsi',
    },
    {
      value: null,
    },
    {
      value: null,
    },
    {
      value: 'value_3',
      chartColor: '#00ff00',
      chartValue: true,
    },
    {
      value: 'value_2',
      chartColor: '#ffff00',
      chartValue: true,
    },
    {
      value: 'value_1',
      chartColor: '#ff0000',
      chartValue: true,
    },
    {
      value: 'value_0',
      chartColor: '#000000',
      chartValue: true,
    },
  ],
  decorationColumns: [
    [
      {
        label: 'Provinsi',
        colSpan: 1,
        rowSpan: 2,
      },
      {
        label: 'Kabupaten',
        colSpan: 1,
        rowSpan: 2,
      },
      {
        label: 'Desa',
        colSpan: 1,
        rowSpan: 2,
      },
      {
        label: 'Berfungsi',
        colSpan: 2,
        rowSpan: 1,
      },
      {
        label: 'Tidak Berfungsi',
        colSpan: 1,
        rowSpan: 2,
      },
      {
        label: 'Tidak Ada Data',
        colSpan: 1,
        rowSpan: 2,
      },
    ],
    [
      {
        label: 'Baik',
        colSpan: 1,
        rowSpan: 1,
      },
      {
        label: 'Sebagian',
        colSpan: 1,
        rowSpan: 1,
      },
    ],
  ],
};

bisa coba di designer nya, pilih report nya keberfungsian-sam-nasional report query nya keberfungsian-sam-nasional

Untuk data, mapping nya ke sini pake dataColumns :