What you see is not what you get...
I'm working with RadChart and have done some style changes (Colors of Bars in Barchart,...).
These changes appear in the Visual Studio view, but when I start the Project, the RadChart has the style of the skin "Default".
Form where does the RadGrid take the style when i do not apply a skin?
How do I set the skin to none?
Regards,
Pitsch
9 Answers, 1 is accepted
This is a known issue that is already fixed and will be ok for the SP1 release. As a temporary work-around please set the SeriesPalette="" property. Also make sure you have not specified a skin for the control. This should allow you to apply custom coloring on your series again.
We apologize for the inconvenience.
All the best,
Vladimir Milev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Rank 1
your answer did not solve my problem.
In my old Chart i had:
<radc:radchart id="RadChart2" runat="server" Width="800px" DefaultType="Line" AlternateText="" DataGroupColumn="">
<Legend>
<Background BorderColor="227, 227, 227" FillStyle="Solid" MainColor="White" />
</Legend>
<Series>
<radC:ChartSeries Name="Series 1" PointMark="Diamond" PointSize="10" ShowLabels="False"
Type="Line">
<Appearance MainColor="150, 150, 150" SecondColor="194, 194, 194" />
<Items>
<radC:ChartSeriesItem YValue="65" YValue2="100">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="47" YValue2="64">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="30" YValue2="2">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="32" YValue2="28">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="71" YValue2="34">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="61" YValue2="63">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="83" YValue2="57">
</radC:ChartSeriesItem>
</Items>
<LabelAppearance Distance="5" TextColor="Black" Visible="False">
</LabelAppearance>
</radC:ChartSeries>
<radC:ChartSeries Name="Series 2" PointMark="Diamond" PointSize="10" ShowLabels="False"
Type="Line">
<Appearance MainColor="215, 215, 215" SecondColor="241, 241, 241" />
<Items>
<radC:ChartSeriesItem YValue="7" YValue2="17">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="5" YValue2="92">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="79" YValue2="9">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="59" YValue2="47">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="6" YValue2="36">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="73" YValue2="29">
</radC:ChartSeriesItem>
<radC:ChartSeriesItem YValue="57" YValue2="49">
</radC:ChartSeriesItem>
</Items>
<LabelAppearance Distance="5" TextColor="Black" Visible="False">
</LabelAppearance>
</radC:ChartSeries>
</Series>
<PlotArea BorderColor="" Corners-BottomLeft="Round" Corners-BottomRight="Round" Corners-RoundSize="6"
Corners-TopLeft="Round" Corners-TopRight="Round" />
<ChartTitle HSpacing="10" HorPadding="10">
<Background BorderColor="199, 199, 199" FillStyle="Solid" MainColor="White" />
</ChartTitle>
<YAxis Step="20">
<Label TextFont="Arial, 10pt">
</Label>
<Items>
<radC:ChartAxisItem Label="0" />
<radC:ChartAxisItem Label="20" Value="20" />
<radC:ChartAxisItem Label="40" Value="40" />
<radC:ChartAxisItem Label="60" Value="60" />
<radC:ChartAxisItem Label="80" Value="80" />
<radC:ChartAxisItem Label="100" Value="100" />
</Items>
</YAxis>
<Gridlines>
<VerticalGridlines Visible="False" />
</Gridlines>
<Background BorderWidth="1" Corners-RoundSize="6" />
<XAxis MaxValue="7" Step="1" MinValue="1" LayoutStyle="Normal">
<Label TextFont="Arial, 10pt">
</Label>
<Items>
<radC:ChartAxisItem Label="1" Value="1" />
<radC:ChartAxisItem Label="2" Value="2" />
<radC:ChartAxisItem Label="3" Value="3" />
<radC:ChartAxisItem Label="4" Value="4" />
<radC:ChartAxisItem Label="5" Value="5" />
<radC:ChartAxisItem Label="6" Value="6" />
<radC:ChartAxisItem Label="7" Value="7" />
</Items>
</XAxis>
<YAxis2 MaxValue="7" MinValue="1" Step="1">
<Label TextFont="Arial, 10pt">
</Label>
<Items>
<radC:ChartAxisItem Label="1" Value="1" />
<radC:ChartAxisItem Label="2" Value="2" />
<radC:ChartAxisItem Label="3" Value="3" />
<radC:ChartAxisItem Label="4" Value="4" />
<radC:ChartAxisItem Label="5" Value="5" />
<radC:ChartAxisItem Label="6" Value="6" />
<radC:ChartAxisItem Label="7" Value="7" />
</Items>
</YAxis2>
<EmptySeriesMessage TextFont="Arial, 12pt" TextColor="Red"></EmptySeriesMessage>
<DataTable Position="22, 248" TableHeight="49" TableWidth="610"></DataTable>
</radc:radchart>
In my new Chart i have:
<telerik:RadChart ID="RadChart2" runat="server" Width="800px" DefaultType="Line" EnableEmbeddedSkins="False">
<PlotArea>
<Appearance Border-Color="DimGray" >
<FillStyle FillType="Solid" MainColor="White">
</FillStyle>
</Appearance>
<YAxis Step="10" MaxValue="100">
<Appearance>
<MajorGridLines Color="DimGray" />
</Appearance>
<AxisLabel>
<TextBlock>
<Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold">
</Appearance>
</TextBlock>
</AxisLabel>
</YAxis>
<XAxis MinValue="1">
<Appearance>
<MajorGridLines Color="DimGray" Visible="False" />
</Appearance>
<AxisLabel>
<TextBlock>
<Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold">
</Appearance>
</TextBlock>
</AxisLabel>
</XAxis>
<YAxis2 MinValue="1">
<AxisLabel>
<TextBlock>
<Appearance TextProperties-Font="Verdana, 9.75pt, style=Bold">
</Appearance>
</TextBlock>
</AxisLabel>
</YAxis2>
</PlotArea>
<ChartTitle>
<TextBlock>
<Appearance TextProperties-Font="Verdana, 11.25pt">
</Appearance>
</TextBlock>
<Appearance Position-AlignedPosition="Top" Border-Color="DimGray" Dimensions-Margins="4%, 10px, 14px, 0%">
<FillStyle GammaCorrection="False" MainColor="224, 224, 224">
</FillStyle>
</Appearance>
</ChartTitle>
<Legend>
<Appearance Border-Color="DimGray">
<ItemMarkerAppearance Figure="Diamond">
</ItemMarkerAppearance>
<ItemTextAppearance TextProperties-Color="DimGray">
</ItemTextAppearance>
</Appearance>
</Legend>
<Series>
<telerik:ChartSeries Name="Background" Type="Area">
</telerik:ChartSeries>
<telerik:ChartSeries Name="Foreground" Type="Area">
</telerik:ChartSeries>
<telerik:ChartSeries Name="Series 3" Type="Line">
</telerik:ChartSeries>
<telerik:ChartSeries Name="Series 4" Type="Line">
</telerik:ChartSeries>
</Series>
</telerik:RadChart>
And i don't know how to get back my nice Diamonds in the graph:
<radC:ChartSeries Name="Series 2" PointMark="Diamond" PointSize="10" ShowLabels="False" Type="Line">
How is this be done in the new Chart,
I did not find any properties in the wizard.
Regards,
Pitsch
Please, find below an example of a line series with diamond point marks:
| <telerik:ChartSeries Name="Series 4" Type="Line"> |
| <Appearance> |
| <PointMark Figure="Diamond" Visible="true" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px"> |
| <FillStyle MainColor="Red" SecondColor="Red"> |
| </FillStyle> |
| </PointMark> |
| </Appearance> |
| <Items> |
| <telerik:ChartSeriesItem YValue="3"> |
| </telerik:ChartSeriesItem> |
| <telerik:ChartSeriesItem YValue="6"> |
| </telerik:ChartSeriesItem> |
| <telerik:ChartSeriesItem YValue="2"> |
| </telerik:ChartSeriesItem> |
| </Items> |
| </telerik:ChartSeries> |
You can find a detailed document describing API changes in this forum thread.
I hope this helps.
Best wishes,
Ves
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Rank 1
Yes, that works, thank you.
Next question how do i set the figure in C# code?
i did not find the enumeration type.
In the RadChart ASP.NET (RadChart.NET2.dll), I had some thing like:
ChartSeries series;
...
SetSeriesStyle(series, ChartPointMark.Diamond, 10, Color.Gray, Color.Gray);
...
private void SetSeriesStyle(
ChartSeries cs,
ChartPointMark pointMark,
int pointSize,
Color pointColor,
Color mainColor)
{
if(pointMark != null) { cs.PointMark = pointMark; }
if(pointSize != null) { cs.PointSize = pointSize;}
if(pointColor != null) { cs.PointColor = pointColor;}
if(mainColor != null) { cs.MainColor = mainColor;}
}
I'm working with RadChart Prometheus (2007.2.1010.0)
and Telerik.Charting.dll (1.6.1.0) now and
the code above does not work any more, because ChartPointMark type
is not available.
Where do I find this enumeration type?
I did not find anything in the Telerik.Charting.dll assembly (I opened it with the object explorer and did not find an appropriate enumeration type)
Is there an assembly missing?
Or is there a type missing in the assembly? (I found the type Telerik.Charting.ChartPointMark in the RadChart.Net2.dll)
Regards,
Peter
Please use the following class in code behind: Telerik.Charting.Styles.DefaultFigures
Let me know if this helps.
Sincerely yours,
Vladimir Milev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Rank 1
thanks for the tip. In the code I can use this type.
With your aspx code, I can also see a Diamond in the lower left side of Visualstudio Design view of the RadChart control.
In the running application i have still the unwanted default view.
this means: my programmatically defined series do not get the
pointmarks I set them.
Any tips?
Regards,
Peter
Have you tried setting those shapes later on in the page lifecycle? Can you post some code? We have no such troubles when trying to reproduce the behavior. Generally, you should set all appearance related properties after applying skins.
Greetings,
Vladimir Milev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Rank 1
I could solve the problems completely.
One of the main points was that
Pointmark.Visible = false
by default, so the pointmarks were not visible.
In the earlier version i used (RadChart ASP.NET), the visiblity was set to true so I did not have to set it programmatically.
If this is not documented in your migration guides, please mention it, a lot of migrators will thank you.
Thank you and kind regards,
Peter
Thank you for clearing this up. I will definitely see it that this gets into the documentation.
All the best,
Vladimir Milev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center