Syncfusion 차트 트랙볼 스타일

Question

내 Syncfusion WPF 응용 프로그램에서 ChartTrackBallBehavior가 ChartTrackBallStyle에 스타일을 추가 할 수 있음을 보여줍니다. 스타일에는 문서가 없습니다. 나는 차트에서 무엇을 설정할 수 있는지 알 수 없다.

누구나이 컨트롤을 사용하고 회사 스타일에 맞게 라벨의 스타일을 지정 했습니까? Axis에 표시되는 레이블의 모양을 변경해야합니다. 지금까지 스타일에 대해 다음과 같은 Setter을 발견했습니다. 볼의 모양은 변경하지만 레이블은 변경하지 않습니다. 에 설정되어있는 아래 코드

<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> 

Answer 1

템플릿 "TrackBallLabelTemplate"를 사용, 같이

<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> 

Answer 2

우리는 ChartAxis의 TrackBallLabelTemplat 속성을 사용하여 트랙 볼 레이블 스타일을 사용자 정의 할 수 있습니다 SfChart.Behaviors가 아닌 Primary Axis의 정의.

내 템플릿으로 정의된다

<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> 

다음은 우리를 위해 일을하는 코드입니다