图表控件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>
posted @ 2012-10-09 15:45  袁璐璐  阅读(1315)  评论(0编辑  收藏  举报