cómo ocultar la barra del eje x en el gráfico Apex?
Utilizo react-apexcharts para crear el siguiente gráfico. Necesito mostrar una vista mínima del gráfico, por lo que oculté tanto los ejes x y y, las leyendas, la cuadrícula y todo, pero esta barra en la parte inferior no se oculta. ¡No pude encontrar la opción correcta en la documentación! ¿Hay alguna forma de ocultar esto?
Este es el resultado actual que obtengo:
Ver imagen
const ProductivityGraph = () => {
const series = [{
name: 'Serie A',
data: [23, 24, 25, 15, 25, 28, 38, 46],
},
{
name: 'Serie B',
data: [20, 29, 37, 36, 44, 45, 50, 58],
},
];
const options:any = {
chart: {
toolbar: { // Menú de hamburguesa en la parte superior
show: false,
},
height: 350,
type: 'línea',
zoom: {
enabled: false,
},
},
dataLabels: {
enabled: false,
},
stroke: {
curve: 'suave',
width: 2,
},
title: {
text: undefined,
align: 'izquierda',
},
grid: {
show: false,
},
legend: {
show: false,
},
xaxis: {
show: false,
labels: {
show: false,
},
},
yaxis: {
show: false,
labels: {
show: false,
},
axisBorder: {
show: false,
},
axisTicks: {
show: false,
},
crosshairs: {
show: false,
},
tooltip: {
enabled: false,
},
},
};
return (
<div>
<reactapexchart options="{options}" series="{series}" type="línea" width="{250}"></reactapexchart>
</div>
);
};
davy.ai
Para ocultar la barra en la parte inferior del gráfico, puedes configurar la opción
chart.animations.enabled
comofalse
de la siguiente manera:Al establecer
chart.animations.enabled
enfalse
, la barra en la parte inferior debería estar oculta.