#silverlight #silverlight-4.0 #charts #silverlight-toolkit
#silverlight #silverlight-4.0 #Диаграммы #silverlight-toolkit
Вопрос:
Я переношу свой код диаграммы из visifire в Toolkit. Я хотел бы знать, какая часть свойства ColorSet[примерное значение Caravan, Picasso ..] из Visifire в Toolkit является счетчиком.
Есть ли какой-либо?
TIA
Комментарии:
1. Это не так очевидно, потому что набор цветов Caravan содержит 5 цветов, тогда как для диаграмм toolkit требуется 16. Свойство вызвано
Palette, но перенос не очевиден. Я создам пример в течение часа.
Ответ №1:
Сначала вам нужно скопировать цветовые коды из набора цветов Visifire. Они определены в файле (Visifire source code)CommonSLVisifireChartsColorSets.xaml или здесь.
Аналогом ColorSet свойства является Palette свойство, которое использует сложный словарь ресурсов. Вот пример для Caravan набора цветов:
<SolidColorBrush x:Key="color1" Color="#58706d" />
<SolidColorBrush x:Key="color2" Color="#4b5757" />
<SolidColorBrush x:Key="color3" Color="#7c8a6e" />
<SolidColorBrush x:Key="color4" Color="#b0b087" />
<SolidColorBrush x:Key="color5" Color="#e3e3d1" />
<datavis:ResourceDictionaryCollection x:Key="CaravanPalette">
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" >
<Setter Property="Background" Value="{StaticResource color1}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" >
<Setter Property="Background" Value="{StaticResource color2}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" >
<Setter Property="Background" Value="{StaticResource color3}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" >
<Setter Property="Background" Value="{StaticResource color4}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" >
<Setter Property="Background" Value="{StaticResource color5}"/>
</Style>
</ResourceDictionary>
</datavis:ResourceDictionaryCollection>
И он применяется к диаграмме таким образом:
<chart:Chart Palette="{StaticResource CaravanPalette}">
Хотя я применил те же цвета, диаграмма toolkit сильно отличается и имеет довольно яркие цвета:
Я могу изменить шаблон столбца, но я не дизайнер, и результат все равно будет другим:
<Style x:Key="columnStyle" TargetType="Control">
<Setter Property="Background" Value="Orange"/>
<Setter Property="BorderBrush" Value="Black"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="chart:ColumnDataPoint">
<Border
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
Opacity="0"
x:Name="Root">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.1"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="MouseOverHighlight"
Storyboard.TargetProperty="Opacity"
To="0.6"
Duration="0"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="SelectionStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.1"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="Unselected"/>
<VisualState x:Name="Selected">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="SelectionHighlight"
Storyboard.TargetProperty="Opacity"
To="0.6"
Duration="0"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="RevealStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.5"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="Shown">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="Root"
Storyboard.TargetProperty="Opacity"
To="1"
Duration="0"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Hidden">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="Root"
Storyboard.TargetProperty="Opacity"
To="0"
Duration="0"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid Background="{TemplateBinding Background}">
<Rectangle x:Name="SelectionHighlight" Fill="Red" Opacity="0"/>
<Rectangle x:Name="MouseOverHighlight" Fill="White" Opacity="0"/>
</Grid>
<ToolTipService.ToolTip>
<ContentControl Content="{TemplateBinding FormattedDependentValue}"/>
</ToolTipService.ToolTip>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<datavis:ResourceDictionaryCollection x:Key="CaravanPalette">
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" BasedOn="{StaticResource columnStyle}">
<Setter Property="Background" Value="{StaticResource color1}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" BasedOn="{StaticResource columnStyle}">
<Setter Property="Background" Value="{StaticResource color2}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" BasedOn="{StaticResource columnStyle}">
<Setter Property="Background" Value="{StaticResource color3}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" BasedOn="{StaticResource columnStyle}">
<Setter Property="Background" Value="{StaticResource color4}"/>
</Style>
</ResourceDictionary>
<ResourceDictionary>
<Style x:Key="DataPointStyle" TargetType="Control" BasedOn="{StaticResource columnStyle}">
<Setter Property="Background" Value="{StaticResource color5}"/>
</Style>
</ResourceDictionary>
</datavis:ResourceDictionaryCollection>
И последнее замечание: toolkit chart не отображает разные цвета для одной серии. Если у вас есть 1 элемент в легенде — все категории будут одного цвета. И это поведение не может быть изменено.