Estoy tratando de crear N gráficos de barras diferentes usando un for en Vue.js, pero obviamente de esta manera estoy creando N gráficos con la misma serie de datos. Quiero crear este gráfico N que enlace diferentes series en cada gráfico. Intenté de esta manera:
<apexchart type="bar" height="100%" :options="chartOptionsRealTime" :series="seriesRealTime[0]"></apexchart>
con series como:
seriesRealTime: [{ name: 'first', data: [2.3, 3.1, 4.0, 10.1, 4.0, 3.6, 3.2, 2.3, 1.4, 0.8, 0.5, 0.2] }, { name: 'second', data: [2.3, 3.1, 4.0, 10.1, 4.0, 3.6, 3.2, 2.3, 1.4, 0.8, 0.5, 0.2] }, { name: 'second', data: [2.3, 3.1, 4.0, 10.1, 4.0, 3.6, 3.2, 2.3, 1.4, 0.8, 0.5, 0.2] }], pero :series="seriesRealTime[0]" no funciona.
Quiero crear el primer gráfico con la serie llamada "primera", el segundo con la serie llamada "segunda", etc. ¿Hay alguna forma de resolverlo?
Puede ver en la documentación https://apexcharts.com/docs/options/series/
Acepta una matriz de objetos [nombre, datos]...
Entonces necesitas pasar una matriz
<apexchart type="bar" height="100%" :options="chartOptionsRealTime" :series="[seriesRealTime[0]]"></apexchart>