Skip to content

Серия Ступенчатые линии

Последовательный вид ступенчатой линии (CartesianStepLineSeriesView) соединяет точки горизонтальными и вертикальными сегментами линий.

chart-views-stepline-series-view

Данные для представления серии ступенчатых линий

Вы можете использовать следующие адаптеры данных для предоставления данных для пошаговых представлений рядов линий:

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

  • SortedNumericDataAdapter
  • FormulaDataAdapter

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

  • SortedDateTimeDataAdapter
  • SortedTimeSpanDataAdapter

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

  • QualitativeDataAdapter

Свойства просмотра серии пошаговых линий

  • Color — Задает цвет отрисовки серии.
  • CrosshairMode — Указывает, привязывается ли метка диаграммы перекрестия к ближайшей точке данных или отображает интерполированное значение. Смотрите раздел Отображение точного или интерполированного значения в метках диаграммы перекрестий .

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

    chart-stepseriesview-invertedstep

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

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

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

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

    • Предварительно вручную отредактируйте исходный файл SVG-картинки
    • Используйте свойство MarkerImageCss для динамической настройки styles для элементов SVG. Стили применяются при отображении точечных маркеров.

  • MarkerImageCss — Указывает CSS styles для настройки во время выполнения SVG-картинки, определенной свойством MarkerImage. Основным вариантом использования является замена цветов элементов SVG на цвет серии (Color). Включите заполнитель {0}, чтобы вставить значение свойства Color в CSS-код.

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

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

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

  • MarkerSize — Определяет размер точечных маркеров.

  • ShowInCrosshair — Определяет видимость метки диаграммы перекрестий для текущего ряда. Смотрите раздел Настройка меток диаграммы для перекрестия .
  • ShowMarkers — Включает или отключает точечные маркеры.
  • Thickness — Задает толщину линии.



* Эта страница была создана автоматически с помощью сервиса машинного перевода Яндекс Переводчик.