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.

Cómo eliminar la línea punteada vertical en los gráficos de Victory.

Estoy usando Victory Chart en React Native. Todo funciona bien, pero no puedo quitar/ocultar la línea discontinua vertical que ves en la imagen proporcionada. ¿Cómo puedo quitar esta línea vertical del eje y? Aquí está mi código:

<victorychart theme="{VictoryTheme.material}" animate="{{" duration:="" 2000,="" onload:="" {="" duration:="" 1000="" },="" }}="">
  <victorypie colorscale="{['#008FFB'," '#82c9ff']}="" data="{graphData}" innerradius="{60}" labels="{[]}"></victorypie>

  {/*--- algún código para Victory Label ---*/}

  <victoryaxis style="{{" axis:="" {="" stroke:="" 'none'="" },="" ticks:="" {="" stroke:="" 'none'="" },="" ticklabels:="" {="" fill:="" 'none'="" },="" }}="" standalone="{false}"></victoryaxis>
</victorychart>

victory pie chart example

Tags:  ,

Answer

  1. Avatar for davy.ai

    Para eliminar la línea punteada vertical en el eje y en Victory Chart para React Native, puedes establecer la propiedad axisLine en { stroke: "none" } en el objeto de estilo del componente VictoryAxis.

    Aquí tienes un fragmento de código actualizado:

    <victoryaxis style="{{" axis:="" {="" stroke:="" 'none'="" },="" ticks:="" {="" stroke:="" 'none'="" },="" ticklabels:="" {="" fill:="" 'none'="" },="" axisline:="" {="" stroke:="" 'none'="" }="" }}="" standalone="{false}"></victoryaxis>
    

    Con este cambio, la línea punteada vertical en el eje y debería eliminarse.

Comments are closed.