Renderização da imagem do gráfico

Artigo
06/10/2015

No controle do gráfico para o ASP.NET, você pode definir a maneira como o controle de gráfico renderiza a imagem do gráfico. Para fazer isso, use o RenderType propriedade. Três opções estão disponíveis.

Opção ImageTag

Por padrão, o controle do gráfico para o ASP.NET usa esse método para renderizar imagens de gráficos. Esse é o método de renderização mais simples. Ele armazena em cache a imagem do gráfico renderizado na memória ou como arquivos temporários. Isso melhora o desempenho de gráficos com dados estáticos e aparência que são acessados com frequência.

Uso

Defina a propriedade RenderType como ImageTag. Você pode especificar imagens processadas como são gerenciadas. Para obter mais informações, consulte gerenciamento de arquivos de imagem.

Opção BinaryStreaming

Essa opção faz com que a imagem do gráfico seja transmitido diretamente para o cliente sem que estão sendo salvos no servidor. Isso faz com que a página ASP.NET para que atue como uma imagem estática quando solicitado, permitindo que você coloque a página ASP.NET em qualquer HTML <img> marca. Por exemplo:

<img src="DetailedChart.aspx" />

Use esta opção para melhorar o desempenho quando os dados do gráfico e a aparência alterados com freqüência ou quando um cluster de servidor é usado. No entanto, ele tem as seguintes desvantagens:

Nenhum cache de imagem.
Não há suporte para AJAX ou recursos de interatividade. Para usar os recursos de interatividade, você deve usar essa opção junto com o ImageMap opção.
Não é possível compartilhar o controle do gráfico com outro elemento HTML no mesmo arquivo de origem.

Uso

Ao usar essa opção, a página ASP.NET que contém o controle do gráfico deve conter apenas os seguintes elementos:

The @ Page directive
O <asp.Chart> elemento
Qualquer código de tempo de execução

O exemplo a seguir mostra um ASP.NET que contém um controle de gráfico em fluxo binário.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="_Default" %>
<asp:Chart ID="Chart2" runat="server" RenderType="BinaryStreaming">
   <series>
      <asp:Series Name="Series1" ChartArea="ChartArea1">
         <Points>
            <asp:DataPoint YValues="4" />
            <asp:DataPoint YValues="5" />
         </Points>
      </asp:Series>
   </series>
   <chartareas>
      <asp:ChartArea Name="ChartArea1" />
   </chartareas>
</asp:Chart>

Opção ImageMap

Esse método é usado quando você deseja usar recursos de interatividade com o BinaryStreaming opção. Nessa opção, você deve usar duas páginas do ASP.NET:

A primeira página contém o gráfico de fluxo binário. Essa página usa o BinaryStreaming opção no controle do gráfico RenderType propriedade.
A segunda página solicita o gráfico de fluxo binário e aplica áreas do mapa à imagem do gráfico em fluxo.

Uso

Para configurar as páginas ASP.NET para a opção ImageMap

Crie a primeira página usando o BinaryStreaming opção no controle do gráfico.
Na primeira página, defina todos os dados, aparência e interatividade propriedades como você faria em um gráfico interativo e totalmente personalizado, como dicas de ferramenta da série. Além disso, adicione que todos executar código de tempo para a primeira página ou seu arquivo code-behind.
Copie e cole o controle do gráfico da primeira página na segunda página.
Copie e cole todo o código de tempo de execução da primeira página na segunda página ou seu arquivo code-behind.
Na segunda página, defina o controle de gráfico RenderType propriedade ImageMape o ImageLocation propriedade até o local da primeira página.

Dica

Para imagem em fluxo e a imagem do mapa a serem sincronizados, os dados dos controles de gráfico e propriedades de aparência, bem como código de tempo de execução, deve ser idêntico entre as duas páginas ASP.NET.

Consulte também

Outros recursos

Tópicos avançados

Partilhar via