图表控件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>

你可能感兴趣的:(chart)