图表控件chartingToolkit去除图例说明区域以及数据点的样式定义
去除图表图例说明只需重新定义chartingToolkit:Chart的LegendStyle样式:
<chartingToolkit:Chart.LegendStyle> <Style TargetType="visualizationToolkit:Legend"> <Setter Property="Width" Value="0"/> <Setter Property="Height" Value="0"/> </Style>
</chartingToolkit:Chart.LegendStyle>
数据点样式定义(鼠标经过数据点提示信息变为小数数据点颜色变化):
<chartingToolkit:LineSeries.DataPointStyle> <Style TargetType="chartingToolkit:LineDataPoint"> <Setter Property="Background" Value="#66ad00"/> <Setter Property="Width" Value="4" /> <Setter Property="Height" Value="4" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="chartingToolkit:LineDataPoint"> <Grid x:Name="Root" Opacity="2"> <ToolTipService.ToolTip> <StackPanel> <ContentControl Content="{TemplateBinding DependentValue}" ContentStringFormat="{}{0:N1}"/> </StackPanel> </ToolTipService.ToolTip> <Ellipse RenderTransformOrigin="0.661,0.321"> <Ellipse.Style> <Style TargetType="Ellipse"> <Setter Property="Fill"> <Setter.Value> <RadialGradientBrush GradientOrigin="0.681,0.308"> <GradientStop Color="#00FFFFFF"/> <GradientStop Color=" #832446" Offset="1"/> </RadialGradientBrush> </Setter.Value> </Setter> <Setter Property="Stroke" Value=" #832446"/> <Style.Triggers> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Fill" Value="Orange"/> <Setter Property="Stroke" Value="Gray"/> </Trigger> </Style.Triggers> </Style> </Ellipse.Style> </Ellipse> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </chartingToolkit:LineSeries.DataPointStyle>
图表完整代码:
<chartingToolkit:Chart Name="lineChart" Margin="10,5,10,10" BorderBrush="White"> <chartingToolkit:Chart.LegendStyle> <Style TargetType="visualizationToolkit:Legend"> <Setter Property="Width" Value="0"/> <Setter Property="Height" Value="0"/> </Style> </chartingToolkit:Chart.LegendStyle> <chartingToolkit:LineSeries Name="Ls" DependentValuePath="Value" IndependentValuePath="Key" ItemsSource="{Binding}" IsSelectionEnabled="True"> <chartingToolkit:LineSeries.DataPointStyle> <Style TargetType="chartingToolkit:LineDataPoint"> <Setter Property="Background" Value="#66ad00"/> <Setter Property="Width" Value="4" /> <Setter Property="Height" Value="4" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="chartingToolkit:LineDataPoint"> <Grid x:Name="Root" Opacity="2"> <ToolTipService.ToolTip> <StackPanel> <ContentControl Content="{TemplateBinding DependentValue}" ContentStringFormat="{}{0:N1}"/> </StackPanel> </ToolTipService.ToolTip> <Ellipse RenderTransformOrigin="0.661,0.321"> <Ellipse.Style> <Style TargetType="Ellipse"> <Setter Property="Fill"> <Setter.Value> <RadialGradientBrush GradientOrigin="0.681,0.308"> <GradientStop Color="#00FFFFFF"/> <GradientStop Color=" #832446" Offset="1"/> </RadialGradientBrush> </Setter.Value> </Setter> <Setter Property="Stroke" Value=" #832446"/> <Style.Triggers> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Fill" Value="Orange"/> <Setter Property="Stroke" Value="Gray"/> </Trigger> </Style.Triggers> </Style> </Ellipse.Style> </Ellipse> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </chartingToolkit:LineSeries.DataPointStyle> </chartingToolkit:LineSeries> </chartingToolkit:Chart>