Перейти к содержанию

Step Area Series View

Step Area Series View (CartesianStepAreaSeriesView) соединяет точки горизонтальными и вертикальными отрезками линий и закрашивает области.

chart-views-steparea-series-view

Данные для Step Area Series View

Вы можете использовать следующие адаптеры данных для предоставления данных для Step Area Series View:

Числовые значения X:

  • SortedNumericDataAdapter
  • FormulaDataAdapter

Значения даты и времени X:

  • SortedDateTimeDataAdapter
  • SortedTimeSpanDataAdapter

Качественные значения X:

  • QualitativeDataAdapter

Параметры Step Area Series View

  • Color — Задаёт цвет, используемый для закраски серии.
  • CrosshairMode — Задаёт, привязывается ли подпись перекрестия к ближайшей точке данных, или отображает интерполированное значение. См. Отображение точного или интерполированного значения в подписях перекрестия.
  • InvertedStep — Задаёт порядок отрисовки ступенчатых сегментов между соседними точками данных. Если InvertedStep равно false (по умолчанию), ступени состоят из горизонтального, а затем вертикального сегмента. Если InvertedStep равно true, ступени состоят из вертикального, а затем горизонтального сегмента.

    chart-stepseriesview-invertedstep

  • MarkerImage — Получает или задаёт изображение, используемое в качестве пользовательских маркеров точек. Если изображение не указано, отображаются стандартные маркеры в форме квадрата. Вы можете использовать экземпляр класса SvgImage, чтобы задать SVG-изображение.

    Свойство MarkerImage объявлено с атрибутом [Content], что позволяет определить изображение непосредственно между тегами <CartesianStepAreaSeriesView>.

    <mxc:CartesianStepAreaSeriesView>
        <SvgImage Source="avares://Demo/Assets/circle.svg" />
    </mxc:CartesianStepAreaSeriesView>
    

    SVG-файлы содержат предопределённые цвета для SVG-элементов. Чтобы эти цвета соответствовали цвету вашей серии данных, вы можете:

    • Вручную отредактировать исходный SVG-файл заранее
    • Использовать свойство MarkerImageCss, чтобы динамически настраивать стили для SVG-элементов. Стили применяются при отрисовке маркеров точек.
  • MarkerImageCss — Задаёт CSS-стили для настройки SVG-изображения, заданного свойством MarkerImage, во время выполнения. Основной сценарий использования — замена цветов SVG-элементов на цвет серии (Color). Включите заполнитель {0}, чтобы вставить значение свойства Color в CSS-код.

    Например, когда свойство MarkerImage содержит SVG-изображение с элементом circle, следующий CSS-код стилизует circle заливкой Orange (используя цвет серии) и границей Dark Red:

    <mxc:___222___ Color="orange" MarkerImageCss="circle {{fill:{0};stroke:darkred;}}">
        <SvgImage Source="avares://Demo/Assets/circle.svg" />
    </mxc:___222___>
    

    Смотрите также: Пример - Создание Lollipop Series View и использование пользовательских SVG-маркеров.

  • MarkerSize — Задаёт размер маркеров точек.

  • ShowInCrosshair — Задаёт видимость подписи перекрестия для текущей серии. См. Настройка подписей перекрестия.
  • ShowMarkers — Включает или отключает маркеры точек.
  • Thickness — Задаёт толщину линии.
  • Transparency — Значение от 0 до 1, задающее уровень прозрачности закрашенных областей:
    • 0 означает полную непрозрачность
    • 1 означает полную прозрачность



* Эта страница переведена с использованием технологий машинного перевода.