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

Change text align and direction of RadHtmlChart data

1 Answer 29 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Eran
Top achievements
Rank 1
Eran asked on 04 Sep 2014, 01:07 PM
I have a chart:

<telerik:RadHtmlChart ID="chrtInvestmentAmount" runat="server" Transitions="true" DataSourceID="SqlDataSource1" Height="256px" Skin="Glow" Width="1024px" RenderMode="Auto">
<PlotArea>
<Series>
<telerik:ColumnSeries DataFieldY="InvestmentsAmount" Name="כמות משקיעים"/>
</Series>
<XAxis DataLabelsField="Month">
<TitleAppearance Text="חודש" />
</XAxis>
<YAxis>
<TitleAppearance Text="כמות משקיעים" />
</YAxis>
</PlotArea>
</telerik:RadHtmlChart>


Now in my body tag I have set the direction of the page to rtl, and when i do that the whole chart gets messed up, the text gets cut off a little and all in all it just doesent look good:

http://i.stack.imgur.com/On2XQ.jpg

for some reason it just gets all messed up. Isn't there some small piece of code which can fix this?
And while i'm asking, another problem i have is after setting the chart type (bars,lines and so on...) it does not update it and i also notice no line of code is added to the HTML. I dont know if something needs to be added, either way i cant change the chart type. Is there some kind of code which can change the chart type?

Thanks.

1 Answer, 1 is accepted

Sort by
0
Stamo Gochev
Telerik team
answered on 09 Sep 2014, 07:11 AM
Hello,

We are aware of certain problems when HtmlChart is used in RTL mode. This issue is logged in our Feedback Portal, where you can track its status. As more and more people vote for it, we will increase the priority of the task and improve this functionality in one of our next releases.

A possible workaround is to wrap the chart in a div element and set its direction to "ltr":
<div dir="ltr">
    <telerik:RadHtmlChart runat="server" ID="Chart">
    </telerik:RadHtmlChart>
</div>


Regards,
Stamo Gochev
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
Eran
Top achievements
Rank 1
Answers by
Stamo Gochev
Telerik team
Share this question
or