1

Uso primefaces 5.2 e tenho o seguinte gráfico: inserir a descrição da imagem aqui

o que gostaria de fazer é deixar a parte abaixo da linha, em azul, mas não encontrei nada parecido na web, alguém sabe se isso é possível e como faze-lo?

1 Resposta 1

1

Você pode customizar quase todos os elementos utilizando apenas declarações CSS. Tente da seguinte maneira:

canvas.jqplot-series-canvas {
    background: rgba(65, 143, 199, 0.11);
}

Fiz um exemplo utilizando o showcase do primefaces. Segue uma screenshot do resultado:

inserir a descrição da imagem aqui

Atualização

Após explicação mais detalhada do problema, foi verificado que a solução é o uso de outro tipo de gráfico, conhecido como gráfico de área.

8
  • Romulo, o problema é que eu quero mudar essa cor independente dos pontos, é um gráfico dinâmico, quero deixa-lo azul abaixo da linha sempre, isso é possível?
    – Jason
    Commented 21/10/2015 às 22:23
  • pelo que entendi vc esta mudando a cor apenas para pontos específicos.
    – Jason
    Commented 21/10/2015 às 22:24
  • você chegou a fazer o teste? esse elemento representa todo o background do gráfico. caso não seja exatamente o que você precisa, envie uma imagem para exemplificar melhor
    – Romulo
    Commented 21/10/2015 às 22:39
  • É um gráfico de reservatório, quero que a parte ABAIXO da linha fique azul. Mas só a parte que fica embaixo da linha, isso para representar a água.
    – Jason
    Commented 22/10/2015 às 22:25
  • @Jason Você provavelmente escolheu o tipo de gráfico errado então. Acredito que o mais interessante para o seu caso é utilizar o gráfico de area
    – Romulo
    Commented 23/10/2015 às 0:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .