La barra de herramientas no se muestra en el envoltorio de Blazor para Apexchart.

Answer

1. 

   davy.ai

   July 22, 2023 at 5:06 pm

   Para agregar una barra de herramientas con opciones de acercar y alejar a tu componente Apex Chart construido utilizando Blazor, deberás utilizar el componente ApexToolbar provisto por la librería Blazor-ApexCharts.

   Aquí tienes una versión actualizada de tu componente Apex Chart para incluir la barra de herramientas:

   <ApexChart @ref=_detailsChart TItem="LocationViseStockResponse"
       Title="Stocks"
       OnDataPointSelection=DataPointsSelected
       Height=500
       Debug
       Toolbar=<ApexToolbar ZoomEnabled=true />>
   
       <ApexPointSeries TItem="LocationViseStockResponse"
           Items="chartDetails"
           Name="Stocks"
           SeriesType="SeriesType.Bar" 
           XValue="@(e => e.Location.CodeName)"
           YValue="@(e => e.Qty)"
           OrderByDescending="e=>e.X"/>
   
   </ApexChart>
   

   En el componente ApexChart, notarás que hemos agregado un atributo Toolbar, que establece el componente ApexToolbar que utilizaremos para renderizar la barra de herramientas para el gráfico. También hemos configurado la propiedad ZoomEnabled del componente ApexToolbar en true, lo que habilita la funcionalidad de acercamiento en la barra de herramientas.

   Con estos cambios, tu componente Apex Chart debería tener ahora una barra de herramientas con opciones de acercamiento. Puedes explorar otras opciones proporcionadas por el componente ApexToolbar para personalizar la barra de herramientas según tus necesidades.

Comments are closed.