Antes de iniciar, você precisa concluir o Exercício 3.3: Incluindo um Componente Árvore.
Ação |
Quantidade |
Preço |
---|---|---|
IBM |
100 |
58 |
IBM2 |
250 |
130 |
IBM3 |
1000 |
100 |
IBM4 |
500 |
82 |
Para criar gráfico disso, você precisa primeiro da própria lista como um ponto de âncora. Depois, precisa designar qual coluna deve ser utilizada como eixo X e, por último, indicar cada coluna que representará cada série de dados. Portanto, por exemplo, se você desejasse criar gráfico das quatro compras de ações e mostrar as informações sobre quantidade e preço lado a lado, especificaria as colunas de quantidade e preço como série de dados.
Para este tutorial, crie um gráfico do conteúdo de um portfólio, ligue a propriedade posições e desenhe, lado a lado, o valor atual de cada ação e a quantidade apropriada.
Nota: Se houver dados com linhas duplicadas, por exemplo, ponto de múltiplos dados para uma determinada ação, você poderá agrupar elementos de dados semelhantes, selecionando a caixa de opções Valores do grupo.
Se você estiver agrupando os valores, precisará escolher qual função será utilizada para reunir dois ou mais elementos de dados que estão agrupados. O sistema suporta funções básicas, como soma, média, mínimo, máximo, primeiro e último. Se você tiver apenas duas séries de dados, poderá escolher para criar gráfico delas em conjunto, mas desenhar seus rótulos do eixo Y em cada lado do gráfico para que tenha um eixo Y à esquerda e um eixo Y à direita. Escolha a função SOMA para agrupar os dados porque há várias entradas para a mesma ação. No painel Formato de Dados, selecione o formato para cada série de dados. É importante, ao mostrar dados numéricos para a instância, especificar quantas casas decimais devem ser mostradas. As opções de formatação comportam-se exatamente como para o Gráfico.
O componente Gráfico não possui eventos porque não permite qualquer entrada do usuário; todos os eventos de exibição são gerenciados internamente pelo controle Flash. Ele apenas responde a outros eventos da página e, como resultado, atualiza sua exibição.
Se você precisar personalizar a aparência e o comportamento do Gráfico, edite o CSS (Cascading Style Sheet) padrão denominado graph.css. O arquivo está disponível em seu projeto no Project Navigator em /WebContent/theme/graph.css.
Agora você está pronto para iniciar o Exercício 3.5: Testando no Servidor.