Change text align and direction of RadHtmlChart data

2 posts, 0 answers
  1. Eran
    Eran avatar
    4 posts
    Member since:
    Aug 2014

    Posted 04 Sep 2014 Link to this post

    I have a chart:

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

    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:

    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?

  2. Stamo Gochev
    Stamo Gochev avatar
    186 posts

    Posted 09 Sep 2014 Link to this post


    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">

    Stamo Gochev

    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.

Back to Top