Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

292
Visualizações
¿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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda