更改WPFToolkit图表控件的默认颜色 [英] Changing Default Colors of WPFToolkit Chart Control

问题描述

有没有人知道如何使用WPFToolkit图表控件显式设置数据点系列的颜色或发现任何好的示例？

解决方案

可以在图表上设置调色板。此示例适用于ColumnSeries，但您可以根据所使用的任何类型进行调整。

 < charting：Chart .. 。Palette ={StaticResource MyPalette}> 
  

调色板定义如下所示：

 < datavis：ResourceDictionaryCollection x：Key =MyPalette> 
< ResourceDictionary> 
< Style x：Key =DataPointStyleBasedOn ={StaticResource ColumnSeries1Style}TargetType =Control/> 
< / ResourceDictionary> 
< ResourceDictionary> 
< Style x：Key =DataPointStyleBasedOn ={StaticResource ColumnSeries2Style}TargetType =Control/> 
< / ResourceDictionary> 
 ...如果必要，添加更多
< / datavis：ResourceDictionaryCollection> columnSeries1Style和ColumnSeries1Style样式定义系列的背景画笔：
  
 < Style x：Key =ColumnSeries1StyleTargetType =Control> 
< Setter Property =BackgroundValue ={StaticResource Series1Brush}/> 
< / Style> 
 
< Style x：Key =ColumnSeries2StyleTargetType =Control> 
< Setter Property =BackgroundValue ={StaticResource Series2Brush}/> 
< / Style> 
  
您可以根据自己的喜好定义画笔。下面是如何获取默认图表中使用的渐变填充：
 < Color x：Key =Series1ColorA = 255R =139G =180B =232/> 
< Color x：Key =Series1HighlightColorA =255R =188G =229B =255/> 
< RadialGradientBrush x：Key =Series1Brush> 
< RadialGradientBrush.RelativeTransform> 
< TransformGroup> 
< ScaleTransform CenterX =0.5CenterY =0.5ScaleX =2.09ScaleY =1.819/> 
< TranslateTransform X = -  0.425Y = -  0.486/> 
< / TransformGroup> 
< /RadialGradientBrush.RelativeTransform> 
< GradientStop Color ={StaticResource Series1HighlightColor}/> 
< GradientStop Color ={StaticResource Series1Color}Offset =1/> 
< / RadialGradientBrush> 
  
 
Does anyone know how to or found any good examples of explicitly setting the color of the data points series when using the WPFToolkit chart control?  I would like to set this as a style in my XAML.
解决方案
You can set the Palette on the Chart.  This example is for a ColumnSeries, but you can adapt it for whatever type you are using.
<charting:Chart ... Palette="{StaticResource MyPalette}">
The Palette definition looks like this:
<datavis:ResourceDictionaryCollection x:Key="MyPalette">
   <ResourceDictionary>
      <Style x:Key="DataPointStyle" BasedOn="{StaticResource ColumnSeries1Style}" TargetType="Control" />
   </ResourceDictionary>
   <ResourceDictionary>
      <Style x:Key="DataPointStyle" BasedOn="{StaticResource ColumnSeries2Style}" TargetType="Control" />
   </ResourceDictionary>
   ... add more if necessary
</datavis:ResourceDictionaryCollection>
The "ColumnSeries1Style" and "ColumnSeries1Style" styles define the background brush for the series:
<Style x:Key="ColumnSeries1Style" TargetType="Control">
   <Setter Property="Background" Value="{StaticResource Series1Brush}" />
</Style>

<Style x:Key="ColumnSeries2Style" TargetType="Control">
   <Setter Property="Background" Value="{StaticResource Series2Brush}" />
</Style>
You can define the brushes however you like.  Here is how to get the gradient fill used in the default charts:
<Color x:Key="Series1Color" A="255" R="139" G="180" B="232" />
<Color x:Key="Series1HighlightColor" A="255" R="188" G="229" B="255" />
<RadialGradientBrush x:Key="Series1Brush">
   <RadialGradientBrush.RelativeTransform>
      <TransformGroup>
         <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819" />
         <TranslateTransform X="-0.425" Y="-0.486" />
      </TransformGroup>
   </RadialGradientBrush.RelativeTransform>
   <GradientStop Color="{StaticResource Series1HighlightColor}"/>
   <GradientStop Color="{StaticResource Series1Color}" Offset="1"/>
</RadialGradientBrush>


                        
这篇关于更改WPFToolkit图表控件的默认颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！