Estoy tratando de obtener el dataURI() de react-apexchart, por lo que he probado, con apexchart, no hay problema con obtener el dataURI, pero con la integración con react, me genera problema...
Ejemplo:
import ReactApexCharts from 'react-apexcharts'
------------------
this.state = {
options: {
chart: {id: 'chartDonuts'},
labels: ['label1', 'label2', 'label3'],
dataLabels: {
enabled: true,
},
tooltip: {enabled: false},
noData: {
text: 'No se encontraron datos',
align: 'center',
verticalAlign: 'middle',
offsetX: 0,
offsetY: 0,
style: {
color: 'rgb(126, 126, 126)',
fontSize: '14px',
fontFamily: undefined,
},
},
plotOptions: {
pie: {
customScale: 1,
expandOnClick: true,
offsetX: -40,
offsetY: 0,
donut: {
size: '60%',
labels: {
show: true,
total: {
show: true,
label: 'Total',
formatter: function(w) {
return (
w.globals.seriesTotals
.reduce((a, b) => {
return a + b
}, 0)
.toFixed(2) + 'h'
)
},
},
value: {
show: true,
formatter: function(val) {
return val + 'h'
},
},
},
},
},
},
legend: {
position: 'bottom',
},
},
series: [1,2,3],
}
-------------
<ReactApexCharts
options={this.state.options}
series={this.state.series}
type='donut'
width='380'
/>
El código anterior funciona bien, el problema comienza al querer obtener el datURI del gráfico generado...
Según apexcharts debería ser:
var chart = new ApexCharts(elemento, options);
var dataURL = chart.dataURI().then((uri) => {
....
})
https://apexcharts.com/docs/methods/#dataURI
Si alguien sabe como integrarlo con react-apexchart, se lo agradecería mucho...