Как передать данные в график?

Question

[asferot]

Использую библиотеку графиков vue-chartkick. Появилась проблема. Мне нужно передать в график свой параметр из бд, в поле name, чтобы отображались имена. передача данных там состоит в name - имя поля и date - значение этого поля. То есть :data="[{name: "manager", data: 53}]" . Мне нужно передать в name имена менеджеров. Получаю их через vuex.

filterManagChart () {
    return this.$store.getters.filterManagersChart
}

Если сделать так :data="[{name:filterManagChart, data: 53}]"
То приходит следующее:

data:Array[1]
 0:Object
   data:53
    name:Array[11]

А нужно

data:Array[11]
 0:Object
   data:53
   name:Array[1]
     0: "Залупкин"

1:Object
   data:53
   name:Array[1]
      1: "Пупкин"

То есть разбить приходящий массив менеджеров. как это можно сделать?
Есть возможность делать так:

:data="[{name:filterManagChart[0], data: 53}, {name:filterManagChart[1], data: 53}]"

, но это не очень красиво.
Надеюсь, что более менее понятно объяснил, если надо что-то скинуть попросите.

Документация библиотеки с графиками

Answer 1

[0xD34F]

:data="chartData"

computed: {
  chartData() {
    return this.$store.getters.filterManagersChart.map(n => ({
      name: n,
      data: 53,
    }));
  },
},

Comments

[asferot]

Благодарю