Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

293
Vistas
¿Hay alguna manera de echarts para obtener los colores de la serie?

Estoy usando Echarts v5.2.2 (en un proyecto Angular, con ngx-echarts) para representar un gráfico de líneas usando varias series. Tengo un oyente para el evento 'resaltado'. Este evento me está dando un objeto con un lote de seriesIndex y dataIndex pero no proporciona el color de cada serie.

¿Hay alguna forma de obtener los colores que fueron asignados dinámicamente por echarts?

ingrese la descripción de la imagen aquí

Esto es lo que estoy tratando de implementar:

  1. Escuche cuando el puntero del mouse se trazó en un punto de la línea del gráfico.
    • Hacer esto a través this.chartInstance.on('highlight', this.handleShowTip); .
  2. Use el lote de seriesIndex y dataIndex donde el puntero del mouse se ajustó para representar una tabla usando el color, el valor x e y como columnas (la tabla se coloca fuera del gráfico.

Entiendo que podría usar la opción de formateador de la información sobre herramientas con una función de devolución de llamada que proporcionará los colores de la serie en sus argumentos... y podría transmitir estos argumentos fuera de mi componente gráfico para representar lo que necesito en cualquier lugar que desee, pero esto no se siente correcto (un formateador tiene como objetivo devolver HTML o una cadena) y me pregunto si hay una mejor manera de obtener los colores de la serie generada.

¡Gracias!

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Echarts utiliza una paleta integrada basada en el tema. La forma más fácil de obtener un conjunto de colores es esta:

 myChart.getOption().color

Para obtener los colores que están asignados a la serie, puede hacer lo siguiente:

 myChart.getModel().getSeries().map(s => { return { seriesIndex: s.seriesIndex, seriesColor: myChart.getVisual({ seriesIndex: s.seriesIndex }, 'color') } })

Y el resultado será algo como esto:

 [ { "seriesIndex":0, "seriesColor":"#5470c6" }, { "seriesIndex":1, "seriesColor":"#91cc75" }, { "seriesIndex":2, "seriesColor":"#fac858" }, { "seriesIndex":3, "seriesColor":"#ee6666" }, { "seriesIndex":4, "seriesColor":"#73c0de" } ]
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda