Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Este controle wpf foi desenvolvido com o intuito de apresentar um gráfico de barras com linha.

Apresentação

O controle BarAndSplineCustomChart é um gráfico customizado desenvolvido para apresentar valores de histórico de uma determinada tag no formato de colunas e com linha que toca os valores de histórico no gráfico.

Como usar

Requisitos mínimos

  • Action.Net versão 9.2.28.1 ou posterior;

Configuração

  1. Inserir o arquivo “SPIN.ActionNet.View.Wpf.Charts.dll” na pasta WpfControls da instalação (normalmente em “C:\Program Files (x86)\SPIN\Action.Net\an-x.x\WpfControls\”) caso o mesmo não exista.

  2. Abrir o projeto do Action.Net onde o controle será utilizado;

  3. Na aba “Draw”, escolher a página onde o controle será utilizado;

  4. Na barra lateral de ferramentas, escolher o item “Insert Component”;

  5. Ao abrir a tela de seleção de componentes, selecionar o controle BarAndSplineCustomChart;

  6. Inserir o controle na tela e dimensioná-lo.

  7. Selecionar o controle e inserir um Uid para o mesmo. É este que será utilizado no code-behind para passar os dados ao gráfico.

  8. Configurar o código no code-behind da tela:

Inicialmente, é necessário acessar o controle a partir do seu Uid. Para pegar uma referência do controle para utilizá-lo, utilize o script a seguir:

Em seguida, os dados precisam ser passados para o controle. O mesmo dispõe de uma função para a passagem dos dados a partir de um datatable para o controle. Sua assinatura pode ser conferida abaixo:

Onde:

tagName: refere-se ao tag de pesquisa. Este parâmetro é usado para o Header do gráfico.

histValues: refere-se a uma tabela cujo formato consiste na primeira coluna com valores compatíveis com o tipo DateTime e a segunda coluna com valores compatíveis com os tipos float ou double.

Esta função pode ser chamada de como mostrado abaixo:

Atenção: É extremamente importante que a tabela siga o formato esperado com duas colunas, sendo:

  • Primeira coluna com valores compatíveis com o tipo DateTime; e

  • Segunda coluna com valores compatíveis com os tipos float ou double.

Tabelas não compatíveis com este formato podem trazer consequências inesperadas ao gráfico.

Esta aplicação específica do exemplo utilizou o Spin toolkit para pesquisa de medidas de um determinado período (últimos 10 dias). O código completo para esta aplicação pode ser verificado abaixo:

Nesta pagina:

  • No labels