【问题标题】:How to apply palette to radpiechart?如何将调色板应用于 radpiechart?
【发布时间】:2012-08-10 10:52:57
【问题描述】:

我在使用 RadPieChart 时遇到问题。 radPieChart 始终以相同的颜色(蓝色)显示所有系列,并且不应用 DefaultPalette。 xml代码如下:

     <telerik:RadPieChart x:Name="chartTipoGasto" Palette="{Binding DefaultPalette}" Grid.Row="3">
                        <telerik:PieSeries ItemsSource="{Binding}" RadiusFactor="0.9">
                            <telerik:PieSeries.ValueBinding>
                                <telerik:PropertyNameDataPointBinding PropertyName="Importe"></telerik:PropertyNameDataPointBinding>
                            </telerik:PieSeries.ValueBinding>
                            <telerik:PieSeries.LabelDefinitions>
                                <telerik:ChartSeriesLabelDefinition Margin="-7">
                                    <telerik:ChartSeriesLabelDefinition.Binding>
                                        <telerik:PropertyNameDataPointBinding PropertyName="Concepto"></telerik:PropertyNameDataPointBinding>
                                    </telerik:ChartSeriesLabelDefinition.Binding>
                                </telerik:ChartSeriesLabelDefinition>
                            </telerik:PieSeries.LabelDefinitions>
                        </telerik:PieSeries>
                    </telerik:RadPieChart>

我不知道为什么所有系列都显示为蓝色,而不是像我从 Telerik 网站下载的演示项目中显示的那样以不同的颜色显示。

提前致谢!

【问题讨论】:

    标签: xaml telerik microsoft-metro winrt-xaml


    【解决方案1】:

    您声明的 Palette="{Binding DefaultPalette}" 实际上是否绑定了某些东西?

    您可以像这样应用自己的调色板(您可以将渐变更改为实心画笔,或者如果您愿意,我认为甚至可以是图像)并添加任意数量。

    <chart:RadChart.PaletteBrushes>
                                    <RadialGradientBrush>
                                        <GradientStop Color="#FF010DBE"
                                            Offset="0" />
                                        <GradientStop Color="#FF0659FD"
                                            Offset="0.5" />
                                        <GradientStop Color="#FF0117CA"
                                            Offset="1" />
                                    </RadialGradientBrush>
                                    <LinearGradientBrush EndPoint="0.5,1"
                                        StartPoint="0.5,0">
                                        <GradientStop Color="#FF029912"
                                            Offset="0" />
                                        <GradientStop Color="#FF14FD22"
                                            Offset="0.492" />
                                        <GradientStop Color="#FF03930C"
                                            Offset="1" />
                                    </LinearGradientBrush>
                                    <SolidColorBrush Color="#FFFCBA2A"/>
                                    <RadialGradientBrush>
                                        <GradientStop Color="#FFDE9A05"
                                            Offset="0" />
                                        <GradientStop Color="#FFF7AB05"
                                            Offset="0.5" />
                                        <GradientStop Color="#FFDC8E03"
                                            Offset="1" />
                                    </RadialGradientBrush>
    </chart:RadChart.PaletteBrushes>
    

    【讨论】:

    • 感谢您的回答。实际上我在这些绑定中没有任何东西,我认为这个调色板在代码后面。我只是从示例项目中复制和粘贴。 RadControl 不是任何预定义的调色板吗?我将使用您的示例调色板。如何定义调色板以便饼图中的每个值都用不同的颜色绘制?
    • 好吧,你可以去掉你的调色板声明,因为你实际上并没有绑定到任何东西,默认颜色应该会出现。 Telerik 文档应该告诉您有关这些颜色属性的所有信息。至于我提供的 Palette 示例,值顺序遵循 Brush 顺序。假设您将红色/蓝色定义为调色板中唯一的画笔。然后它将逐渐使它们变成红色/蓝色。如果您在我的示例中使用多个 like,它将按顺序使用它们,然后在它们全部使用后从头开始。你问的是这个吗?
    • 是的,我认为你的回答对我有用,但我仍然没有实现你给我的这个解决方案。还有一个问题,我从来没有找到关于 Telerik rad 饼图和其他 rad Metro 风格控件的文档,这个文档在哪里?...
    • telerik.com/help/silverlight/radchart-overview.html 是一个很好的起点,您可能对那里的样式和模板部分更感兴趣。
    • 再次感谢,但今天我找到了 Metro 的 RadPieChart 的 PaletteName 属性。使用 PaletteName="DefaultDark" 饼图以不同颜色显示图表中的每个值,使用 DefaultDark 调色板。
    猜你喜欢
    • 2022-01-21
    • 2014-12-15
    • 2021-08-15
    • 2018-04-30
    • 2019-07-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多