This is a migrated thread and some comments may be shown as answers.

RadHtmlChart

3 Answers 150 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Rajeswari
Top achievements
Rank 1
Rajeswari asked on 05 Jan 2015, 06:39 PM
Hi
I want to use RAdHtmlchart for our new project. We use asp.net.vb Is there any 3D bar/column  chart  available in RadHtml Chart. How do I pass the dataset in creating Column chart /bar chart in code behind

Thanks
Rajeswari Raman

3 Answers, 1 is accepted

Sort by
0
Accepted
Danail Vasilev
Telerik team
answered on 06 Jan 2015, 09:45 AM
Hi Rajeswari,

Thank you for contacting us.

I am sorry to say that RadHtmlChart doesn't support a 3D view. Such a feature request, however, has already been logged here, so that you can monitor its progress, comment it out and raise its priority for implementation by giving your vote to the item.

Regarding the "Data Set Binding", please refer to the HtmlChart - DataSet online demo for details.

Regards,
Danail Vasilev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Rajeswari
Top achievements
Rank 1
answered on 26 Jan 2015, 11:13 PM
I  am using Radhtml chart with Lineseries . I have two series. When the chart is renderes , I see a hand when I hover on the legend, When I click ton one of the series in the legend the chart disappears. I always want to display the two series, Idont want the legend to be clickable is it possible. I am not setting any min or maxvalue for Yaxis . I am doning a simple databind and set the properties in the aspx page. The lowest value in the dataset  is 268,000.  I am doing dataformat as follows But the yaxis label  shows starting from 0,100 ,200,300 and so on The yaxis label is not showing as thousands with thousand separator  , I want the Yaxis to be autoscaled .   <LabelsAppearance DataFormatString="{0:###,###}"  RotationAngle="0" /> I want a simple line chart with out any markers and labels and plot . I am attaching my code I want a simple line chart as the attachment of chart I created in excel
Thanks
Rajeswari Raman 

0
Danail Vasilev
Telerik team
answered on 27 Jan 2015, 01:27 PM
Hi Rajeswari,

Please find my answers below:

  - Prevent series visibility switching when clicking on the legend. You can use the following code:

ASPX:
<script type="text/javascript">
    function OnLegendItemClick(args) {
        args.preventDefault();
    }
</script>
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart2" Width="800px" Height="400px">
    <ClientEvents OnLegendItemClick="OnLegendItemClick" />
    <PlotArea>
        <Series>
            <telerik:ColumnSeries Name="In 2010">
                <SeriesItems>
                    <telerik:CategorySeriesItem Y="46.3" />
                    <telerik:CategorySeriesItem Y="46.5" />
                    <telerik:CategorySeriesItem Y="46.2" />
                    <telerik:CategorySeriesItem Y="46.4" />
                </SeriesItems>
            </telerik:ColumnSeries>
            <telerik:ColumnSeries Name="In 2011">
                <SeriesItems>
                    <telerik:CategorySeriesItem Y="42.8" />
                    <telerik:CategorySeriesItem Y="42.4" />
                    <telerik:CategorySeriesItem Y="42.2" />
                    <telerik:CategorySeriesItem Y="42.9" />
                </SeriesItems>
            </telerik:ColumnSeries>
        </Series>
        <XAxis>
            <Items>
                <telerik:AxisItem LabelText="January" />
                <telerik:AxisItem LabelText="Februrary" />
                <telerik:AxisItem LabelText="March" />
                <telerik:AxisItem LabelText="April" />
            </Items>
        </XAxis>
        <YAxis>
            <LabelsAppearance DataFormatString="{0}%" />
        </YAxis>
    </PlotArea>
    <ChartTitle Text="Firefox market share">
    </ChartTitle>
</telerik:RadHtmlChart>

   - y-axis formats - The mentioned formats are not supported by the chart. Please refer to the Formatting Numbers help article for the supported ones.
    - y-axis step label - You can use the YAxis.Step property in order to control the step.
    - Disable markers and labels - set the visible property of the markers and labelsappearance tags to false:
<telerik:LineSeries Name="In 2010">
    <MarkersAppearance Visible="false" />
    <LabelsAppearance Visible="false"></LabelsAppearance>
    <SeriesItems>
        <telerik:CategorySeriesItem Y="46.3" />
        <telerik:CategorySeriesItem Y="46.5" />
        <telerik:CategorySeriesItem Y="46.2" />
        <telerik:CategorySeriesItem Y="46.4" />
    </SeriesItems>
</telerik:LineSeries>


Regards,
Danail Vasilev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Chart (HTML5)
Asked by
Rajeswari
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Rajeswari
Top achievements
Rank 1
Share this question
or