Rank 1
the renderd colors are form buttom to top:
* blue
* green
* light gray
* gray
* dark gray
* orange
When i look to the series i can't find blue and green. There are no gradients for this colors too.
I want to change the order of the colors via code. See code at the end. Wenn i make this changes in order i get the following colors:
* gray
* orange
*gray
*gray
*gray (this should be blue)
*gray (this should be green)
When i look tho the code, i do not wonder, because the defination is realy gray. But when i don't change the orde green and blue is renderd.
Can you give me the defination of this green and blue (gradient) color please.
thanks
thomas
<telerik:RadChart ID="rctElectricityMix" runat="server"
DataSourceID="SqlDataSourceChart" DefaultType="StackedBar"
Skin="Gray" Width="245px" Height="390px">
<Series>
<telerik:ChartSeries Name="SolidFuels" Type="StackedBar">
<Appearance>
<FillStyle MainColor="164, 164, 164">
</FillStyle>
<LabelAppearance Visible="False">
</LabelAppearance>
<TextAppearance TextProperties-Color="90, 90, 90">
</TextAppearance>
</Appearance>
</telerik:ChartSeries>
<telerik:ChartSeries Name="Oil" Type="StackedBar">
<Appearance>
<FillStyle MainColor="108, 108, 108">
</FillStyle>
<LabelAppearance Visible="False">
</LabelAppearance>
<TextAppearance TextProperties-Color="90, 90, 90">
</TextAppearance>
</Appearance>
</telerik:ChartSeries>
<telerik:ChartSeries Name="Gas" Type="StackedBar">
<Appearance>
<FillStyle FillType="ComplexGradient" MainColor="79, 79, 79">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="234, 234, 234" />
<telerik:GradientElement Color="222, 222, 222" Position="0.5" />
<telerik:GradientElement Color="197, 197, 197" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<LabelAppearance Visible="False">
</LabelAppearance>
<TextAppearance TextProperties-Color="90, 90, 90">
</TextAppearance>
<Border Color="200, 200, 200" />
</Appearance>
</telerik:ChartSeries>
<telerik:ChartSeries Name="Nuclear" Type="StackedBar">
<Appearance>
<FillStyle FillType="ComplexGradient">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="191, 191, 191" />
<telerik:GradientElement Color="165, 165, 165" Position="0.5" />
<telerik:GradientElement Color="Gray" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<LabelAppearance Visible="False">
</LabelAppearance>
<TextAppearance TextProperties-Color="90, 90, 90">
</TextAppearance>
<Border Color="200, 200, 200" />
</Appearance>
</telerik:ChartSeries>
<telerik:ChartSeries Name="Renewables" Type="StackedBar">
<Appearance>
<FillStyle FillType="ComplexGradient">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="150, 150, 150" />
<telerik:GradientElement Color="117, 117, 117" Position="0.5" />
<telerik:GradientElement Color="92, 92, 92" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<LabelAppearance Visible="False">
</LabelAppearance>
<TextAppearance TextProperties-Color="90, 90, 90">
</TextAppearance>
<Border Color="200, 200, 200" />
</Appearance>
</telerik:ChartSeries>
<telerik:ChartSeries Name="Other" Type="StackedBar">
<Appearance>
<FillStyle FillType="ComplexGradient">
<FillSettings>
<ComplexGradient>
<telerik:GradientElement Color="245, 100, 50" />
<telerik:GradientElement Color="248, 133, 92" Position="0.5" />
<telerik:GradientElement Color="252, 151, 116" Position="1" />
</ComplexGradient>
</FillSettings>
</FillStyle>
<LabelAppearance Visible="False">
</LabelAppearance>
<TextAppearance TextProperties-Color="90, 90, 90">
</TextAppearance>
<Border Color="200, 200, 200" />
</Appearance>
</telerik:ChartSeries>
</Series>
for (int i = 0; i < 6; i++)
{
if (chart.Series[i] != null)
{
//chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add();
switch (i)
{
case 2: // solid fuels
chart.Series[i].Appearance.FillStyle.MainColor = System.Drawing.
Color.FromArgb(164, 164, 164);
break;
case 3: // oil
chart.Series[i].Appearance.FillStyle.MainColor = System.Drawing.
Color.FromArgb(108, 108, 108);
break;
case 4: // gas
chart.Series[i].Appearance.FillStyle.FillType = Telerik.Charting.Styles.
FillType.ComplexGradient;
chart.Series[i].Appearance.FillStyle.MainColor = System.Drawing.
Color.FromArgb(79, 79, 79);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(234, 234, 234), 0.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(222, 222, 222), 0.5f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(197, 197, 197), 1.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
break;
case 5: // nuclear
chart.Series[i].Appearance.FillStyle.FillType = Telerik.Charting.Styles.
FillType.ComplexGradient;
gradient =
new GradientElement(System.Drawing.Color.FromArgb(191, 191, 191), 0.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(165, 165, 165), 0.5f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromName("Gray"), 1.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
break;
case 0: // renewables
chart.Series[i].Appearance.FillStyle.FillType = Telerik.Charting.Styles.
FillType.ComplexGradient;
gradient =
new GradientElement(System.Drawing.Color.FromArgb(150, 150, 150), 0.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(117, 117, 117), 0.5f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(92, 92, 92), 1.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
break;
case 1: // other
chart.Series[i].Appearance.FillStyle.FillType = Telerik.Charting.Styles.
FillType.ComplexGradient;
gradient =
new GradientElement(System.Drawing.Color.FromArgb(237, 130, 3), 0.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(239, 149, 43), 0.5f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
gradient =
new GradientElement(System.Drawing.Color.FromArgb(241, 172, 91), 1.0f);
chart.Series[i].Appearance.FillStyle.FillSettings.ComplexGradient.Add(gradient);
chart.Series[i].Appearance.Border.Color = System.Drawing.
Color.FromArgb(192, 123, 41);
break;
}
}
}
1 Answer, 1 is accepted
Can you please send us a working example application that demonstrates this behavior so we can advise you properly how to proceed?
Looking forward to your reply.
Greetings,
Yavor Ivanov
the Telerik team