I cant get it to works VS2008 - RADChart?

[Bjarne Tjørnelund]

I get this information -
Error Creating Control - RADChart1
Failed to create designer'Telerik.Web.UI, version=2009.1.3111.35, culture=neutral, PublicKeyToken=...

And I had put in VB files this code

Imports

 

System

 

Imports

 

System.Configuration

 

Imports

 

System.Collections

 

Imports

 

System.Web

 

Imports

 

System.Web.Security

 

Imports

 

System.Web.UI

 

Imports

 

System.Web.UI.WebControls

 

Imports

 

System.Web.UI.WebControls.WebParts

 

Imports

 

System.Web.UI.HtmlControls

 

Imports

 

Telerik.Charting

 

So maybe is there something i don't undertand how this work?
I wounder about the platform Win Server 2008 x64 is also a part of the problem?

[Ves]

Hi Bjarne,

The problem is due to a bug in RadChart 2009 Q1 release. Our developers fixed it immediately and the fix is available in the latest version of RadControls for ASP.NET AJAX - 2009 Q1 SP1, where RadChart appears fine in design time. Please, download it and give it a try.

Best regards,
Ves
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Brian Philpot]

Hi,

I am using VS2008 and Telerik.Web.Design.dll version 2009.1.527.35 and no matter what I do I cannot get the RadChart Designer to come up in Design Mode... Any advice would be greatly appreciated.

Thanks,
Brian Philpot

[Ves]

Hello Brian,

Some design-time problems are discussed in the troubleshooting help topic in our online help. But before that, please make sure that the Telerik.Web.UI.dll and Telerik.Web.Design.dll versions match.

If this does not seem to help -- please, provide additional details about your setup. Is the design assembly bin or gac deployed? Do you get the same results in a brand new web site? Does it happen with specific controls or with any control from the suite?

Sincerely,
Ves
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Brian Philpot]

I am not sure exactly why.. but the design time control is working now in VS2008.

Can you help answer two questions?
I am trying to recreate this chart:
http://www.doe.mass.edu/01600000-2008-10-ELA.gif

I am having trouble with three things:
1 - Getting the title to look the same.. with a line break and a small font.
2 - Changing the X-Axis labels so they say Advanced, Proficient, Needs Improvement and Warning/Failing
3 - Making the colors so that each of the bars for each of the categories is consistent.. instead of coloring by series.

Here is my current code:

 

<telerik:RadChart AutoLayout="true" ID="RadChart1" runat="server">

 

 

<PlotArea>

 

 

<YAxis2 MaxValue="5" MinValue="1" Step="1">

 

 

</YAxis2>

 

 

<DataTable>

 

 

<Appearance Position-Auto="False" Position-X="0" Position-Y="0">

 

 

</Appearance>

 

 

</DataTable>

 

 

<XAxis MaxValue="4" MinValue="1" Step="1" autoscale="False">

 

 

<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134">

 

 

<MajorGridLines Color="196, 196, 196" Width="0" />

 

 

<TextAppearance TextProperties-Color="89, 89, 89">

 

 

</TextAppearance>

 

 

</Appearance>

 

 

<AxisLabel>

 

 

<Appearance Dimensions-Paddings="1px, 1px, 10%, 1px">

 

 

</Appearance>

 

 

<TextBlock>

 

 

<Appearance TextProperties-Color="51, 51, 51">

 

 

</Appearance>

 

 

</TextBlock>

 

 

</AxisLabel>

 

 

<Items>

 

 

<telerik:ChartAxisItem Value="1">

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="2">

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="3">

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="4">

 

 

</telerik:ChartAxisItem>

 

 

</Items>

 

 

</XAxis>

 

 

<YAxis MaxValue="100" Step="25" AxisMode="Extended" autoscale="False"

 

 

minvalue="0">

 

 

<Appearance Color="134, 134, 134" MajorTick-Color="196, 196, 196"

 

 

MinorTick-Color="196, 196, 196">

 

 

<MajorGridLines Color="196, 196, 196" />

 

 

<MinorGridLines Color="196, 196, 196" Width="0" />

 

 

<TextAppearance TextProperties-Color="89, 89, 89">

 

 

</TextAppearance>

 

 

</Appearance>

 

 

<AxisLabel>

 

 

<TextBlock>

 

 

<Appearance TextProperties-Color="220, 158, 119">

 

 

</Appearance>

 

 

</TextBlock>

 

 

</AxisLabel>

 

 

<Items>

 

 

<telerik:ChartAxisItem>

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="25">

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="50">

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="75">

 

 

</telerik:ChartAxisItem>

 

 

<telerik:ChartAxisItem Value="100">

 

 

</telerik:ChartAxisItem>

 

 

</Items>

 

 

</YAxis>

 

 

<Appearance Dimensions-Margins="19%, 90px, 12%, 9%">

 

 

<FillStyle MainColor="Transparent" SecondColor="Transparent">

 

 

</FillStyle>

 

 

<Border Color="WhiteSmoke" />

 

 

</Appearance>

 

 

</PlotArea>

 

 

<Series>

 

 

<telerik:ChartSeries Name="05">

 

 

<Appearance>

 

 

<FillStyle MainColor="186, 207, 141" secondcolor="146, 176, 83">

 

 

<FillSettings GradientMode="Vertical">

 

 

<ComplexGradient>

 

 

<telerik:GradientElement Color="213, 247, 255" />

 

 

<telerik:GradientElement Color="193, 239, 252" Position="0.5" />

 

 

<telerik:GradientElement Color="157, 217, 238" Position="1" />

 

 

</ComplexGradient>

 

 

</FillSettings>

 

 

</FillStyle>

 

 

<TextAppearance TextProperties-Color="89, 89, 89">

 

 

</TextAppearance>

 

 

<Border Color="" />

 

 

</Appearance>

 

 

<Items>

 

 

<telerik:ChartSeriesItem YValue="26" Name="Advanced">

 

 

<Label>

 

 

<TextBlock Text="05">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem YValue="50" Name="Proficient">

 

 

<Label>

 

 

<TextBlock Text="05">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem YValue="15" Name="Needs Improvement">

 

 

<Label>

 

 

<TextBlock Text="05">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem YValue="5" Name="Warning/Faililng">

 

 

<Label>

 

 

<TextBlock Text="05">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

</Items>

 

 

</telerik:ChartSeries>

 

 

<telerik:ChartSeries Name="06">

 

 

<appearance>

 

 

<fillstyle maincolor="235, 140, 104" secondcolor="214, 110, 90">

 

 

<FillSettings GradientMode="Vertical">

 

 

<ComplexGradient>

 

 

<telerik:GradientElement Color="218, 254, 122" />

 

 

<telerik:GradientElement Color="198, 244, 80" Position="0.5" />

 

 

<telerik:GradientElement Color="153, 205, 46" Position="1" />

 

 

</ComplexGradient>

 

 

</FillSettings>

 

 

</fillstyle>

 

 

<TextAppearance TextProperties-Color="89, 89, 89">

 

 

</TextAppearance>

 

 

<Border Color="" />

 

 

</appearance>

 

 

<Items>

 

 

<telerik:ChartSeriesItem Name="Advanced" YValue="27">

 

 

<Label>

 

 

<TextBlock Text="06">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Proficient" YValue="47">

 

 

<Label>

 

 

<TextBlock Text="06">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Needs Improvement" YValue="12">

 

 

<Label>

 

 

<TextBlock Text="06">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Warning/Failing" YValue="4">

 

 

<Label>

 

 

<TextBlock Text="06">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

</Items>

 

 

</telerik:ChartSeries>

 

 

<telerik:ChartSeries Name="07">

 

 

<Items>

 

<

 

telerik:ChartSeriesItem YValue="31" Name="Advanced">

 

<

 

Label>

 

<

 

TextBlock Text="07"></TextBlock>

 

</

 

Label>

 

</

 

telerik:ChartSeriesItem>

 

<

 

telerik:ChartSeriesItem YValue="48" Name="Proficient">

 

<

 

Label>

 

<

 

TextBlock Text="07"></TextBlock>

 

</

 

Label>

 

</

 

telerik:ChartSeriesItem>

 

<

 

telerik:ChartSeriesItem YValue="11" Name="Needs Improvement">

 

<

 

Label>

 

<

 

TextBlock Text="07"></TextBlock>

 

</

 

Label>

 

</

 

telerik:ChartSeriesItem>

 

<

 

telerik:ChartSeriesItem YValue="3" Name="Warning/Faililng">

 

<

 

Label>

 

<

 

TextBlock Text="07"></TextBlock>

 

</

 

Label>

 

</

 

telerik:ChartSeriesItem>

 

 

</Items>

 

 

<Appearance>

 

 

<FillStyle MainColor="129, 192, 225" secondcolor="79, 129, 189">

 

 

<FillSettings GradientMode="Vertical">

 

 

<ComplexGradient>

 

 

<telerik:GradientElement Color="136, 221, 246" />

 

 

<telerik:GradientElement Color="97, 203, 234" Position="0.5" />

 

 

<telerik:GradientElement Color="59, 161, 197" Position="1" />

 

 

</ComplexGradient>

 

 

</FillSettings>

 

 

</FillStyle>

 

 

<TextAppearance TextProperties-Color="89, 89, 89">

 

 

</TextAppearance>

 

 

<Border Color="" />

 

 

</Appearance>

 

 

<Items>

 

 

<telerik:ChartSeriesItem Name="Advanced" YValue="3">

 

 

<Label>

 

 

<TextBlock Text="07">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Proficient" YValue="1">

 

 

<Label>

 

 

<TextBlock Text="07">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Needs Improvement" YValue="3">

 

 

<Label>

 

 

<TextBlock Text="07">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Warning/Faililng" YValue="1">

 

 

<Label>

 

 

<TextBlock Text="07">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

</Items>

 

 

</telerik:ChartSeries>

 

 

<telerik:ChartSeries Name="08">

 

 

<appearance>

 

 

<fillstyle maincolor="200, 182, 80" secondcolor="176, 162, 83">

 

 

<FillSettings GradientMode="Vertical">

 

 

<ComplexGradient>

 

 

<telerik:GradientElement Color="163, 222, 78" />

 

 

<telerik:GradientElement Color="132, 207, 27" Position="0.5" />

 

 

<telerik:GradientElement Color="102, 181, 3" Position="1" />

 

 

</ComplexGradient>

 

 

</FillSettings>

 

 

</fillstyle>

 

 

<TextAppearance TextProperties-Color="89, 89, 89">

 

 

</TextAppearance>

 

 

<Border Color="" />

 

 

</appearance>

 

 

<Items>

 

 

<telerik:ChartSeriesItem Name="Advanced" YValue="30">

 

 

<Label>

 

 

<TextBlock Text="08">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Proficient" YValue="45">

 

 

<Label>

 

 

<TextBlock Text="08">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Needs Improvement" YValue="10">

 

 

<Label>

 

 

<TextBlock Text="08">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

<telerik:ChartSeriesItem Name="Warning/Faililng" YValue="5">

 

 

<Label>

 

 

<TextBlock Text="08">

 

 

</TextBlock>

 

 

</Label>

 

 

</telerik:ChartSeriesItem>

 

 

</Items>

 

 

</telerik:ChartSeries>

 

 

</Series>

 

 

<Appearance Corners="Round, Round, Round, Round, 7">

 

 

<FillStyle FillType="ComplexGradient">

 

 

<FillSettings>

 

 

<ComplexGradient>

 

 

<telerik:GradientElement Color="243, 253, 255" />

 

 

<telerik:GradientElement Color="White" Position="0.5" />

 

 

<telerik:GradientElement Color="243, 253, 255" Position="1" />

 

 

</ComplexGradient>

 

 

</FillSettings>

 

 

</FillStyle>

 

 

<Border Color="212, 221, 222" />

 

 

</Appearance>

 

 

<ChartTitle>

 

 

<Appearance Position-AlignedPosition="Top"

 

 

Dimensions-Margins="3%, 10px, 14px, 6%">

 

 

<FillStyle MainColor="">

 

 

</FillStyle>

 

 

</Appearance>

 

 

<TextBlock Text="GRADE 10 - ENGLISH LANGUAGE ARTS<br />PERCENTAGE OF STUDENTS BY PERFORMANCE LEVEL">

 

 

<Appearance TextProperties-Color="86, 88, 89"

 

 

TextProperties-Font="Verdana, 22px">

 

 

</Appearance>

 

 

</TextBlock>

 

 

</ChartTitle>

 

 

<Legend Visible="False">

 

 

<Appearance Visible="False" Dimensions-Margins="1px, 1%, 10%, 1px"

 

 

Position-AlignedPosition="None">

 

 

<ItemTextAppearance TextProperties-Color="86, 88, 89">

 

 

</ItemTextAppearance>

 

 

<ItemMarkerAppearance Figure="Rectangle">

 

 

</ItemMarkerAppearance>

 

 

<FillStyle MainColor="">

 

 

</FillStyle>

 

 

<Border Color="" />

 

 

</Appearance>

 

 

<TextBlock>

 

 

<Appearance Position-AlignedPosition="Top" TextProperties-Color="86, 88, 89">

 

 

</Appearance>

 

 

</TextBlock>

 

 

</Legend>

 

 

</telerik:RadChart>

 

[Ves]

Hello Brian,

I have attached a small example showing how to achieve a similar chart (appearance details omitted).

1. The chart title supports multi-line content as shown here. Alternatively, you can insert the '\n' symbol in the title text. The text size can be customized through the ChartTitle.TextBlock.Appearance.TextProperties.
2. You can take advantage of the RadChart.PlotArea.XAxis.DataLabelsColumn for this.
3. RadChart does not provide this out of the box, so you will need to loop through the chart items when they are available and update their appearance properties.

All three items are implemented in the attached page.
Regards,
Ves
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Brian Philpot]

Thank you!

I am almost there... I figured it all out, except for some reason the new line break does not seem to be working.
If you view the code here http://www.doe.mass.edu/mcas.zip the chart title just prints out the actual \n instead of interpretting it as a linebreak.
Any ideas?

Thanks Again,
Brian

[Ves]

Hi Brian,

I am sorry for the misleading reply. This would work in C# but for VB you can use vbCrLf:

RadChart1.ChartTitle.TextBlock.Text = "Grade 10 - English Language Arts" & vbCrLf & "Percentage of Students by Performance Level"


Best regards,
Ves
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Brian Philpot]

you rock!

-brian