Визуализация изображений диаграммы (элементы управления диаграммы)
В элементе управления диаграммы для ASP.NET можно определить способ обработки изображения диаграммы в элементе управления диаграммы. Для этого воспользуйтесь свойством RenderType. Доступны три параметра.
Параметр ImageTag
Этот метод по умолчанию используется в элементе управления диаграммы для ASP.NET для обработки изображений диаграммы. Это самый простой метод визуализации. Он помещает изображение диаграммы в кэш в памяти или во временные файлы. Это повышает производительность для диаграмм со статическим данными и постоянным внешним видом, если к ним часто выполняется доступ.
Использование
Установите свойство RenderType в значение ImageTag. Можно задать порядок управления обработанными изображениями. Дополнительные сведения см. в разделе Управление файлами изображений.
Параметр BinaryStreaming
Если задан этот параметр, то изображение диаграммы передается в потоковом режиме непосредственно на клиент без сохранения на сервере. В результате страница ASP.NET выглядит во время запроса как статическое изображение, что позволяет размещать страницу ASP.NET в любом HTML-теге <img>. Пример.
<img src="DetailedChart.aspx" />
Этот параметр используется для повышения производительности, если данные и внешний вид диаграммы часто меняются или используется кластер серверов. Однако этот параметр обладает следующими недостатками.
Изображение не кэшируется.
Отсутствует поддержка AJAX и интерактивных функций. Для использования интерактивных функций этот параметр нужно использовать вместе с параметром ImageMap.
Невозможно совместное использование элемента управления диаграммы с другими элементами HTML в том же исходном файле.
Использование
Если используется этот параметр, то страница ASP.NET, содержащая элемент управления диаграммы, должна содержать только следующие элементы:
директиву @ Page;
элемент <asp.Chart>;
любой код выполнения.
В следующем примере показана страница ASP.NET, содержащая элемент управления диаграммы с поддержкой двоичных потоков.
<%@ 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>
Параметр ImageMap
Этот метод используется, если нужно использовать интерактивные функции с параметром BinaryStreaming. В этом параметре используются две страницы ASP.NET.
Первая страница содержит элемент управления с поддержкой двоичных потоков. На этой странице используется параметр BinaryStreaming в свойстве RenderType элемента управления диаграммы.
Вторая страница запрашивает диаграмму с поддержкой двоичных потоков и применяет области карты к изображению диаграммы, передаваемому в потоковом режиме.
Использование
Настройка страниц ASP.NET для параметра ImageMap
Создайте первую страницу с параметром BinaryStreaming в элементе управления диаграммы.
Задайте на первой страницы все свойства данных, внешнего вида и интерактивных функций так же, как на полнофункциональной интерактивной диаграмме — задайте подсказки рядов и т. д. Кроме того, добавьте весь код времени выполнения на первую страницу или в ее файл с фоновым кодом.
Скопируйте и вставьте элемент управления диаграммы с первой страницы на вторую страницу.
Скопируйте и вставьте весь код времени выполнения с первой страницы на вторую страницу или в ее файл с фоновым кодом.
На второй странице установите свойство RenderType элемента управления диаграммы в значение ImageMap, а в свойстве ImageLocation задайте расположение первой страницы.
Примечание
Для синхронизации потокового изображения и гиперкарты на двух страницах ASP.NET должны быть заданы одинаковые свойства данных и внешнего вида элементов управления диаграммы, а также одинаковый код времени выполнения.