or
Hello Telerik,
Please see this code here:.
01.
Dim
HBH_Chart
As
New
RadHtmlChart
02.
HBH_Chart.ID =
"HBH_Chart"
03.
HBH_Chart.Width = Unit.Pixel(500)
04.
HBH_Chart.Height = Unit.Pixel(500)
05.
HBH_Chart.Legend.Appearance.Position = HtmlChart.ChartLegendPosition.Right
06.
07.
Dim
HBHSeries
As
New
PieSeries
08.
HBHSeries.Name =
"HBH1"
09.
HBHSeries.TooltipsAppearance.DataFormatString =
"{0}"
10.
HBHSeries.LabelsAppearance.Visible =
True
11.
12.
For
Each
row
As
DataRow
In
dataSet.Rows
13.
Dim
item
As
New
SeriesItem
14.
item.YValue = row.Field(Of
Integer
)(
"AantalClienten"
)
15.
item.Name = row.Field(Of
String
)(
"Naam"
)
16.
item.BackgroundColor = System.Drawing.ColorTranslator.FromHtml(row.Field(Of
String
)(
"Kleur"
))
17.
Next
18.
19.
HBH_Chart.PlotArea.Series.Clear()
20.
HBH_Chart.PlotArea.Series.Add(HBHSeries)
21.
HBH_Chart.PlotArea.XAxis.DataLabelsField =
"Naam"
22.
HBH_Chart.PlotArea.YAxis.LabelsAppearance.DataFormatString =
"{0}"
23.
24.
HtmlChartHolder.Controls.Clear()
25.
HtmlChartHolder.Controls.Add(HBH_Chart)
I try to create a PieChart dynamically. But the only thing that I see is that it takes up it's space in the page (i.e. the placeholder is filled). But the actual chart is not visible. It's see as a white rectangle. What am I missing here?
Thanks a lot for your answer,
Best regards,
Francois
<telerik:RadGrid |
ID="RadGridResults" |
runat="server" AllowSorting="True" |
AutoGenerateColumns="False" GridLines="None" |
AllowMultiRowSelection="True" Skin="Web20" Font-Bold="False" |
Font-Italic="False" Font-Names="Verdana" Font-Overline="False" |
Font-Strikeout="False" Font-Underline="False" |
OnItemCommand="RadGridResults_ItemCommand"> |
<MasterTableView Font-Bold="False" Font-Italic="False" Font-Names="Verdana" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Font-Size="11px" OnItemCommand="RadGridProduct_ItemCommand"> |
<rowindicatorcolumn> |
<HeaderStyle Width="20px" /> |
</rowindicatorcolumn> |
<expandcollapsecolumn> |
<HeaderStyle Width="20px" /> |
</expandcollapsecolumn> |
<Columns> |
<telerik:GridBoundColumn DataField="Sequence" Display="false"></telerik:GridBoundColumn> |
<telerik:GridClientSelectColumn UniqueName="colSelect" Display="True"> |
<HeaderStyle Width="40px" Font-Bold="False" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
HorizontalAlign="Center" Wrap="True" /> |
<ItemStyle BorderStyle="None" Font-Bold="False" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
HorizontalAlign="Center" Wrap="True" /> |
</telerik:GridClientSelectColumn> |
<telerik:GridBoundColumn DataField="Location" HeaderText="Location" |
SortExpression="Location" UniqueName="colLocation"> |
<HeaderStyle Width="110px" Font-Bold="True" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
ForeColor="White" Wrap="True" /> |
<ItemStyle BorderStyle="None" /> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Products" HeaderText="PRODUCT" |
SortExpression="Product" UniqueName="colProduct"> |
<HeaderStyle Width="100px" Font-Bold="True" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
ForeColor="White" Wrap="True" /> |
<ItemStyle BorderStyle="None" /> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Sequence" Display="false"></telerik:GridBoundColumn> |
<telerik:GridButtonColumn |
DataTextField="CourseName" |
HeaderText="COURSE NAME" |
SortExpression="CourseName" |
Text="Button" |
UniqueName="colCourseName"> |
<HeaderStyle Font-Bold="True" Font-Italic="False" Font-Overline="False" |
Font-Strikeout="False" Font-Underline="False" ForeColor="White" Width="260px" |
Wrap="True" /> |
<ItemStyle BorderStyle="None" /> |
</telerik:GridButtonColumn> |
<telerik:GridBoundColumn DataField="StartDate" HeaderText="START DATE" |
SortExpression="StartDate" UniqueName="colStartDate" |
DataFormatString="{0:M/dd/yyyy}"> |
<HeaderStyle Width="130px" Font-Bold="True" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
ForeColor="White" Wrap="True" /> |
<ItemStyle BorderStyle="None" /> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="TotalAvailSeats" HeaderText="SEATS" |
SortExpression="TotalAvailSeats" UniqueName="colTotalAvailSeats"> |
<HeaderStyle Width="90px" Font-Bold="True" |
HorizontalAlign="Center" Font-Italic="False" Font-Overline="False" |
Font-Strikeout="False" Font-Underline="False" ForeColor="White" Wrap="True" /> |
<ItemStyle BorderStyle="None" HorizontalAlign="Center" /> |
</telerik:GridBoundColumn> |
</Columns> |
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" |
Font-Strikeout="False" Font-Underline="False" Wrap="True" /> |
<AlternatingItemStyle Font-Bold="False" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
Wrap="True" /> |
</MasterTableView> |
<SelectedItemStyle Font-Bold="True" ForeColor="Maroon" Font-Italic="False" |
Font-Overline="False" Font-Strikeout="False" Font-Underline="False" |
Wrap="True" BackColor="Silver" /> |
<ClientSettings EnableRowHoverStyle="False" > |
<Selecting AllowRowSelect="True" /> |
</ClientSettings> |
</telerik:RadGrid> |