I am attempting to create my first HTML Chart. This will be a simple pie chart based on a SQL query.
The query returns five rows with two columns of data: (1) language (English/French/etc) and (2) a count of each.
The intention is to display a pie chart showing the relative distribution of the top five languages used in my application.
I have copied an example and also looked at the data binding documentation but have not been able to connect my data with the pie slices.
I presume I need to add some type of template that is unique to a pie chart. All the examples I found refer to other chart types.
When I add this markup to my page I get no results unless I add a few series items directly. I see that Intellisense includes an item "db" (markup snippet for data-bind attribute). I don't know what to do from there, it appears to be non-functional or expecting me to do something unknown to me.
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"RadHtmlChart1"
DataSourceID
=
"Language_Chart_Data"
>
<
PlotArea
>
<
Series
>
<
telerik:PieSeries
StartAngle
=
"90"
DataFieldY
=
"count"
NameField
=
"language"
>
<
SeriesItems
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#666666"
Exploded
=
"false"
Name
=
"Safari"
Y
=
"4.5"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#333333"
Exploded
=
"false"
Name
=
"Opera"
Y
=
"2.3"
></
telerik:PieSeriesItem
>
</
SeriesItems
>
<
LabelsAppearance
Position
=
"OutsideEnd"
DataFormatString
=
"{0} %"
/>
<
TooltipsAppearance
DataFormatString
=
"{0} %"
/>
</
telerik:PieSeries
>
</
Series
>
</
PlotArea
>
<
ChartTitle
Text
=
"Top Five Languages"
>
</
ChartTitle
>
</
telerik:RadHtmlChart
>
A user reported (and we confirmed) that, using Firefox on Mac, if you select some text in the editor and press Command-C, the text is deleted rather than copied to the clipboard. No problem in Safari, and no problem in any browser on Windows.
Sounds like a browser problem, but I though I would pass it along just in case there is something you need to look at.
Using Mac 10.9.4 and Firefox 41
Hi, I want to change style of values on the chart - value should be in frame in same series color.
I added ClientTemplate to LabelsAppearance and it works until i add DIV on it.
<telerik:LineSeries DataFieldY="SHO_ProductivityGrowth" Name="Miesięczny">
I'm having trouble exporting larger PNG files of my diagram using Internet Explorer 11. The width of the file's dimensions seems to be limited to 4096 pixels. After that point, the image just cuts off. Not sure if there are any height limitations as the diagrams I'm producing are generally much wider than they are tall. I'm basically using the same client-side code that was provided in one of the demos:
function exportImage() {
var diagram = $find("<%=TreeDiagram.ClientID %>").get_kendoWidget();
diagram.exportImage().done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: "diagram.png"
});
});
}
I've tried the same exports using Chrome with no issues. Unfortunately... I'm required to get the export feature working in IE 11, so I would appreciate any help in being pointed in the right direction.
Hi,
I have a wizard contained in a splitter + pane, the splitter and all it's parents have heights set to 100% and all is good. Now the problem comes with RadWizardStep because I cannot see how to set the height to 100% for the step, this means that any controls contained by the step cannot have 100% height because the parent (RadWizardStep) does not have a height set.
eg. if one of my steps has a radgrid then I need to set a specific px height for the grid and this is bad for me.