воскресенье, 27 июня 2010, Александр Краковецкий

Это продолжении статьи  "Extending ASP.NET: Рисуем диаграммы и графики с помощью Chart. Типы графиков", в которой мы закончим обзор типов диаграмм элемента управления Chart. Спасибо muzhyk за помощь в подготовке этого материала.

FastPoint Chart

Диаграмма типа FastPoint представляет разновидность точечной диаграммы, в которой значительно снижено время рисования ряда, содержащего большое количество точек данных. В этом типе диаграммы отключены некоторые функции с целью повышения производительности. В частности, не поддерживается контроль визуальных атрибутов на уровне точек, маркеры, метки точек данных и тени.

Свойства:

• SeriesChartType: SeriesChartType.FastPoint
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: нет
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel

Funnel Chart

На воронкообразной диаграмме в форме воронки выводятся данные, которые в сумме составляют 100 %. На этой диаграмме изображен один ряд, где данные представлены в виде составляющих от 100 %, а оси не используются.

Свойства:

• SeriesChartType: SeriesChartType.Funnel
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: нет
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: CalloutLineColor, Funnel3DDrawingStyle, Funnel3DRotationAngle, FunnelInsideLabelAlignment, FunnelLabelStyle, FunnelMinPointHeight, FunnelNeckHeight, FunnelNeckWidth, FunnelOutsideLabelPlacement, FunnelPointGap, FunnelStyle

Эта диаграмма рассматривает отрицательные значения X и Y как положительные.

Kagi Chart

Диаграмма «каги» выводит ряд соединяющихся вертикальных линий, толщина и направление которых зависят от действия для значения цены. В этой диаграмме не учитывается течение времени. С ее помощью отмечаются изменения трендов данных, например тренда фондовой биржи. Эта диаграмма схожа с диаграммами «крестики-нолики», Ренко и «график пробоя трех линий».

Свойства:

• SeriesChartType: SeriesChartType.Kagi
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: да
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: PixelPointDepth, PixelPointGapDepth, PriceUpColor, ReversalAmount, UsedYValue

Line Chart

График можно использовать для демонстрации трендов в данных с течением времени.

Свойства:

• SeriesChartType: SeriesChartType.Line
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, PixelPointDepth, PixelPointGapDepth, ShowMarkerLines

Pie Chart

На круговой диаграмме показан вклад составляющих, имеющих вид секторов, в общие данные.

Свойства:

• SeriesChartType: SeriesChartType.Pie
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: нет
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: 3DLabelLineSize, CollectedColor, CollectedLabel, CollectedLegendText, CollectedSliceExploded, CollectedThreshold, CollectedThresholdUsePercent, CollectedToolTip, Exploded, LabelsHorizontalLineSize, LabelsRadialLineSize, MinimumRelativePieSize, PieDrawingStyle, PieLabelStyle, PieLineColor, PieStartAngle

Чтобы изменить размер круговой диаграммы, нужно изменить свойство Position объекта ChartArea, свойство InnerPlotPosition или оба этих свойства.

Point Chart

На точечной диаграмме для представления данных используются точки значений.

Свойства:

• SeriesChartType: SeriesChartType.Point
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, PixelPointDepth, PixelPointGapDepth

Point and Figure Chart

Диаграмма «крестики-нолики» отличается от традиционных ценовых диаграмм, поскольку она не учитывает ход времени и выводит только изменения цен. В этом она схожа с диаграммами «каги», Ренко и «График пробоя трех линий».

На этой диаграмме выводятся базовые показатели спроса и предложения, отражаемые в значениях цены. Столбец крестиков показывает, что спрос превышает предложение (это называется оживлением). Столбец ноликов показывает, что предложение превышает спрос (это называется упадком). Ряд коротких столбцов показывает, что спрос и предложение относительно равны, что соответствует рыночному равновесию.

Свойства:

• SeriesChartType: SeriesChartType.PointAndFigure
• количество значений Y на точку: 2
• количество рядов: 1
• поддерживает маркеры: да
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: BoxSize, CurrentBoxSize (только для чтения), PixelPointDepth, PixelPointGapDepth, PriceUpColor, ProportionalSymbols, ReversalAmount, UsedYValueHigh, UsedYValueLow

В ряду диапазона используются два значения Y:

• 0: высокое значение цены
• 1: низкое значение цены

Polar Chart

Полярная диаграмма представляет круговой график, где для вывода точек данных используется угол и расстояние от центральной точки. Ось X располагается на границе круга, а ось Y соединяет центр круга с осью X.

Свойства:

• SeriesChartType: SeriesChartType.Polar
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: AreaDrawingStyle, CircularLabelStyle, EmptyPointValue, LabelStyle, PolarDrawingStyle

По умолчанию диапазон угловой шкалы составляет от 0 до 360 градусов. С помощью свойств Minimum и Maximum оси X можно задать другую угловую шкалу. Минимальное значение угла соответствует верхней точке диаграммы (положение «12 часов»), однако с помощью свойства Crossing можно указать другой начальный угол. Например, если установить свойство Crossing в значение 90, то нулевое значение будет располагаться в крайней правой точке диаграммы.

Pyramid Chart

На пирамидальной диаграмме выводятся данные, которые в сумме составляют 100 %. На этой диаграмме выводится один ряд, данные представлены в виде составляющих от 100 %, а оси не используются.

Свойства:

• SeriesChartType: SeriesChartType.Pyramid
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: нет
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: CalloutLineColor, Pyramid3DDrawingStyle, Pyramid3DRotationAngle, PyramidInsideLabelAlignment, PyramidLabelStyle, PyramidMinPointHeight, PyramidOutsideLabelPlacement, PyramidPointGap, PyramidValueType

В трехмерном режиме пользовательское свойство Pyramid3DDrawingStyle позволяет задать для диаграммы пирамидальную или коническую форму.

Radar Chart

Лепестковая диаграмма — это тип круговой диаграммы, которая используется как средство сравнения данных. Иногда она называется звездообразной или паукообразной. Область построения также может иметь вид многоугольника.

В отличие от большинства других типов диаграмм, на лепестковой диаграмме осью X служит окружность.

Свойства:

• SeriesChartType: SeriesChartType.Radar
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar
• атрибуты: AreaDrawingStyle, CircularLabelStyle, EmptyPointValue, LabelStyle, RadarDrawingStyle

Объемные эффекты не поддерживаются, если настраиваемый атрибут AreaDrawingStyle имеет значение Circle (значение по умолчанию). Если настраиваемый атрибут AreaDrawingStyle имеет значение Polygon, то на диаграмму действует только свойство Area3DStyle.Enable3D. Если свойство Area3DStyle.Enable3D имеет значение true, то стиль рисования фона области изменяется так, чтобы иметь вид трехмерного конуса.

Range Chart

На диаграмме диапазонов выводится диапазон данных. Для этого каждой точке данных соответствует два значения Y, каждое из которых выводится в виде графика. Диапазон между значениями Y можно заполнить цветом или изображением.

Свойства:

• SeriesChartType: SeriesChartType.Range
• количество значений Y на точку: 2
• количество рядов: 1 или несколько
• поддерживает маркеры: нет
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, PixelPointDepth, PixelPointGapDepth, ShowMarkerLines

В ряду диапазона используются два значения Y:

• 0: высокое значение
• 1: низкое значение

Range Bar Chart

На линейчатой диаграмме диапазонов выводятся отдельные события, имеющие начальное и конечное значение. Для построения данных можно применять шкалу даты и времени или числовую шкалу. Этот тип диаграммы применяется в ходе планирования загрузки ресурсов.

Несколько наборов данных представлены в виде рядов, а каждый ряд может представлять одну или несколько задач.

Свойства:

• SeriesChartType: SeriesChartType.RangeBar
• количество значений Y на точку: 2
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: любой другой тип диаграммы, кроме линейчатых
• атрибуты: BarLabelStyle, DrawingStyle, DrawSideBySide, EmptyPointValue, MaxPixelPointWidth, MinPixelPointWidth, PixelPointDepth, PixelPointGapDepth, PixelPointWidth, PointWidth

Range Column Chart

На гистограмме диапазонов выводится диапазон данных. Для каждой точки данных отображаются два значения Y. Каждое значение Y служит верхней или нижней границей столбца. Это аналогично линейчатой диаграмме диапазонов, однако столбцы располагаются вертикально. Диапазон между значениями Y можно заполнить цветом, данными или изображением.

Свойства:

• SeriesChartType: SeriesChartType.RangeColumn
• количество значений Y на точку: 2
• количество рядов: 1 или несколько
• поддерживает маркеры: нет
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: DrawingStyle, DrawSideBySide, EmptyPointValue, MaxPixelPointWidth, MinPixelPointWidth, PixelPointDepth, PixelPointGapDepth, PixelPointWidth, PointWidth

В ряду диапазона используются два значения Y:

• 0: низкое значение
• 1: высокое значение

Renko Chart

Диаграмма Ренко выводит ряд соединяющихся вертикальных линий, толщина и направление которых зависят от действия для значения цены. В этой диаграмме не учитывается течение времени. С ее помощью отмечаются изменения трендов данных, например тренда фондовой биржи. Эта диаграмма схожа с диаграммами «каги», «крестики-нолики» и «график пробоя трех линий».

Свойства:

• SeriesChartType: SeriesChartType.Renko
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: да
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: BoxSize, CurrentBoxSize (только для чтения), PixelPointDepth, PixelPointGapDepth, PriceUpColor, UsedYValue

Spline Chart

Сплайн-диаграмма представляет тип графика, где все точки данных в ряде соединяются гладкой кривой.

Свойства:

• SeriesChartType: SeriesChartType.Spline
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, LineTension, PixelPointDepth, PixelPointGapDepth, ShowMarkerLines

Spline Area Chart

Сплайн-диаграмма с областями представляет тип диаграммы с областями, где все точки данных в ряде соединяются гладкой кривой.

Свойства:

• SeriesChartType: SeriesChartType.SplineArea
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, LineTension, PixelPointDepth, PixelPointGapDepth, ShowMarkerLines

Spline Range Chart

На сплайн-диаграмме диапазонов выводится диапазон данных. Для этого каждой точке данных соответствует два значения Y, каждое из которых выводится в виде графика. Диапазон между значениями Y можно заполнить цветом, данными или изображением.

Этот тип диаграммы аналогичен диаграмме диапазонов, но в данном случае можно изменить линейное натяжение с помощью настраиваемого атрибута LineTension.

Свойства:

• SeriesChartType: SeriesChartType.SplineRange
• количество значений Y на точку: 2
• количество рядов: 1 или несколько
• поддерживает маркеры: нет
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, LineTension, PixelPointDepth, PixelPointGapDepth, ShowMarkerLines

В ряду диапазона используются два значения Y:

• 0: высокое значение
• 1: низкое значение

Stacked Area Chart

Диаграмма с областями с накоплением представляет диаграмму с областями, где несколько рядов данных расположены друг над другом.

Свойства:

• SeriesChartType: SeriesChartType.StackedArea
• количество значений Y на точку: 1
• количество рядов: 1 или несколько (несколько рядов с накоплением)
• поддерживает маркеры: нет
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: PixelPointDepth, PixelPointGapDepth

Ряды с накоплением должны быть выровнены. В противном случае точки данных будут отображаться неправильно.

Stacked Bar Chart

На линейчатой диаграмме с накоплением выводится несколько рядов одного типа в виде линейчатых элементов с накоплением.

Свойства:

• SeriesChartType: SeriesChartType.StackedBar
• количество значений Y на точку: 1
• количество рядов: 1 или несколько (несколько рядов с накоплением)
• поддерживает маркеры: нет
• не может использоваться вместе с: любой тип диаграммы, кроме Bar и 100% Stacked Bar
• атрибуты: BarLabelStyle, DrawingStyle, MaxPixelPointWidth, MinPixelPointWidth, PixelPointDepth, PixelPointGapDepth, PixelPointWidth, PointWidth, StackedGroupName

Ряды с накоплением должны быть выровнены. В противном случае точки данных будут отображаться неправильно.

Stacked Column Chart

Гистограмма с накоплением используется для сравнения вклада каждого значения в сумму по категориям.

Свойства:

• SeriesChartType: SeriesChartType.StackedColumn
• количество значений Y на точку: 1
• количество рядов: 1 или несколько (несколько рядов с накоплением)
• поддерживает маркеры: нет
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: DrawingStyle, MaxPixelPointWidth, MinPixelPointWidth, PixelPointDepth, PixelPointGapDepth, PixelPointWidth, PointWidth, StackedGroupName

Ряды с накоплением должны быть выровнены. В противном случае точки данных будут отображаться неправильно.

Step Line Chart

Ступенчатый график аналогичен графику, но для соединения двух точек данных не используется кратчайшее расстояние. Вместо этого точки данных соединяются вертикальными и горизонтальными линиями, образуя подобие лестницы.

Свойства:

• SeriesChartType: SeriesChartType.StepLine
• количество значений Y на точку: 1
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: EmptyPointValue, LabelStyle, PixelPointDepth, PixelPointGapDepth, ShowMarkerLines

Stock Chart

Биржевая диаграмма обычно используется для отображения значительных ценовых точек акций, включая токи цены открытия, цены закрытия, высокой цены и низкой цены. Однако этот тип диаграммы также может использоваться для анализа научных данных, поскольку значения высокой цены, низкой цены, цены открытия и цены закрытия, выводимые для каждого ряда, обычно представляют линии или треугольники. Открывающие значения показаны маркерами в левой части, а закрывающие значения — маркерами в правой части.

Свойства:

• SeriesChartType: SeriesChartType.Stock
• количество значений Y на точку: 4 (высокое, низкое, открытие и закрытие)
• количество рядов: 1 или несколько
• поддерживает маркеры: да
• не может использоваться вместе с: Doughnut, Pie, Bar, Stacked Bar, Polar, Radar, Pyramid, Funnel
• атрибуты: LabelValueType, MaxPixelPointWidth, MinPixelPointWidth, OpenCloseStyle, PixelPointDepth, PixelPointGapDepth, PixelPointWidth, PointWidth, ShowOpenClose

Открывающие и закрывающие маркеры можно указать с помощью настраиваемого атрибута ShowOpenClose.

Three Line Break Chart

На диаграмме «График пробоя трех линий» выводится ряд вертикальных столбиков или линий, отражающих изменения значений цены. В этом типе диаграммы, как и в диаграммах «каги», «крестики-нолики» и Ренко, не учитывается ход времени. Она используется, чтобы отметить изменения трендов данных.

Этот тип диаграммы отличается от диаграмм «каги», «крестики-нолики» и Ренко, поскольку в ней не используется заранее определенная величина изменения цены. Изменение цены указывается действием цены. По умолчанию новая линия на диаграмме появляется при условии, что значение данных оказывается выше максимального или ниже минимального значения из предыдущих трех линий.

Свойства:

• SeriesChartType: SeriesChartType.ThreeLineBreak
• количество значений Y на точку: 1
• количество рядов: 1
• поддерживает маркеры: да
• не может использоваться вместе с: любой другой тип диаграммы
• атрибуты: NumberOfLinesInBreak, PixelPointDepth, PixelPointGapDepth, PriceUpColor, UsedYValue

Настраиваемый атрибут NumberOfLinesInBreak позволяет изменить количество линий.

---