Gráficos circulares para editar

Solo necesito una LEYENDA para estos dos gráficos, y que sea reactiva para ambos, ¿cómo puedo hacer? No sé si es posible conectar la leyenda con alguno de los gráficos, de forma programática o algo así, con una propiedad "id" o las mismas opciones para ambos gráficos...

 <template> <div> <b-card title="Apexchart"> <b-card-body> <b-row> <b-col cols="6"> <apexchart type="pie" :options="chartOptions" :series="series" /> </b-col> <b-col cols="6"> <apexchart type="pie" :options="chartOptions" :series="series" /> </b-col> </b-row> </b-card-body> </b-card> </div> </template> <script> export default { name: "Chart", data() { return { series: [60, 5, 10, 10], chartOptions: { chart: { width: "100%", type: "pie", }, labels: ["legend-1", "legend-2", "legend-3", "legend-4"], //just need one, for both charts legend: { position: "bottom", offsetY: 0, markers: { radius: 4, } }, title: { text: "Title", align: "center", offsetX: 0, offsetY: 0, }, }, }; }, }; </script>

PD: Mi inglés es horrible, lo sé, pero lo intento >:D