Хобрук: Ваш путь к мастерству в программировании

Стиль трекбола диаграммы Syncfusion

В моем приложении Syncfusion WPF ChartTrackBallBehavior показывает, что я могу добавить стиль в ChartTrackBallStyle. У стиля нет документации. Я не могу понять, что я могу установить на графике.

Кто-нибудь использовал этот элемент управления и стилизовал этикетку в соответствии со своим корпоративным стилем? Мне нужно изменить внешний вид метки, отображаемой на оси. Я нашел следующие Setter для стиля, которые изменяют внешний вид мяча, но не метку.

    <sfc:SfChart.Behaviors>
      <sfc:ChartTrackBallBehavior ShowLine="True" LabelHorizontalAlignment="Center" LabelVerticalAlignment="Near" >
        <sfc:ChartTrackBallBehavior.ChartTrackBallStyle>
          <Style TargetType="sfc:ChartTrackBallControl" >
            <Setter Property="Control.Visibility" Value="Visible" />
            <Setter Property="Control.Background" Value="AliceBlue" />
            <Setter Property="Control.FontSize" Value="6" />
          </Style>
        </sfc:ChartTrackBallBehavior.ChartTrackBallStyle>
      </sfc:ChartTrackBallBehavior>
    </sfc:SfChart.Behaviors>
10.11.2014

Ответы:


1

Используйте шаблон «TrackBallLabelTemplate», который установлен в определении первичной оси, а не в SfChart.Behaviors. Ниже приведен код, который сработал для нас:

<sfc:SfChart.PrimaryAxis>
    <sfc:DateTimeCategoryAxis Header="SomeText" PlotOffset="10"
        LabelFormat="yyyy/MM/dd hh:MM:ss" LabelTemplate="{StaticResource labelTemplate}" LabelsIntersectAction="Hide"
        ShowTrackBallInfo="True" TrackBallLabelTemplate="{StaticResource trackTemplateX}"/>
</sfc:SfChart.PrimaryAxis>

Мой шаблон определяется следующим образом:

</Grid.Resources>
    <DataTemplate x:Key="trackTemplateX">
        <Grid Background="Black">
            <TextBlock Text="{Binding ValueX}" Foreground="White"  Margin="5" FontSize="14"/>
        </Grid>
    </DataTemplate>
</Grid.Resources>
11.12.2014

2

Мы можем настроить стиль метки трекбола с помощью свойства TrackBallLabelTemplat ChartAxis, как показано в приведенном ниже фрагменте кода.

<sfchart:SfChart.PrimaryAxis>
         <sfchart:NumericalAxis  ShowTrackBallInfo="True" >
                  <sfchart:NumericalAxis.TrackBallLabelTemplate>
                          <DataTemplate >
                                <Border BorderThickness="2" BorderBrush="Black" Padding="3" Background="White">
                                      <TextBlock  FontSize="16" Text="{Binding ValueX}" Foreground="Black"></TextBlock>
                                </Border>
                           </DataTemplate>
                  </sfchart:NumericalAxis.TrackBallLabelTemplate>
         </sfchart:NumericalAxis>
</sfchart:SfChart.PrimaryAxis>
11.12.2014
Новые материалы

Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

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

Обзор: Машинное обучение: классификация
Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..

Разработка расширений Qlik Sense с qExt
Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..