es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: APEXCHARTS

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 . . . Read more

La aplicación web se bloquea cuando intenta trazar un gráfico de línea de tiempo en Apexcharts con Vue 3.

Tengo una aplicación web donde estoy usando ApexCharts con Vue 3 para trazar algunos gráficos. No tuve problemas usando la gráfica de dispersión, pero cuando intento trazar una línea de tiempo como este ejemplo del sitio web (https://apexcharts.com/javascript-chart-demos/timeline-charts/basic/), se bloquea por completo y no sé por qué. Tal vez estoy . . . Read more

Cómo colocar la leyenda en la parte inferior del gráfico antes de cargar los datos en el gráfico de Apex utilizando Blazor?

He creado un componente de gráfico simple con Apex utilizando Blazor. Aquí está mi código del componente. <apexchart @ref=”_detailsChart” titem=”SalesByLocationResponse” title=”Valor Bruto de Orden” debug=””> <apexpointseries titem=”SalesByLocationResponse” items=”salesBylocation” name=”Stocks” seriestype=”SeriesType.Donut” xvalue=”@(e => e.Location.CodeName)” yvalue=”@(e => e.TotalSalesAmt)” orderbydescending=”e=>e.X”></apexpointseries> </apexchart> Pero siempre la leyenda se ha ubicado en el lateral derecho del . . . Read more

Utilizando el método dataURI, no estoy obteniendo ningún color para la serie de mi gráfico de torta.

Tengo el siguiente código en ejecución: var options = { chart: { type: ‘donut’, fontFamily: ‘Lato Light’ }, series: [1,2,3,4,5], labels: [‘1′,’2′,’3′,’4′,’5’], theme: { monochrome: { enabled: true, color: ‘#b19254’, shadeTo: ‘dark’, shareIntensity: 0.15 } }, //colors: [‘#b19254’, ‘#9f834c’, ‘#8e7543’, ‘#7c663b’, ‘#b99d65’, ‘#c8b387’], legend: { position: ‘bottom’ }, plotOptions: { . . . Read more