更改RadHtmlChart数据的文本对齐方式和方向

Question

我有一张图表：

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

现在在我的身体标签中我已经将页面的方向设置为rtl，当我这样做时，整个图表变得混乱，文本被切断了一点，总而言之它只是看起来很好看：

由于某种原因它只是搞砸了。是不是有一些小代码可以解决这个问题？

在我问的时候，我遇到的另一个问题是在设置图表类型（条形图，线条等等）之后它没有更新它，我也注意到没有任何代码行添加到HTML中。我不知道是否需要添加某些内容，无论哪种方式我都无法更改图表类型。是否有某种代码可以改变图表类型？

感谢。

Answer 1

RadHtmlChart使用标记（SVG或VML）进行渲染，因此一些CSS属性可以影响它并破坏它。要避免此类问题，可以将它们重置为图表。例如：

<telerik:RadHtmlChart CssClass="resetChart" ID="chrtInvestmentAmount"  runat="server" Transitions="true" DataSourceID="SqlDataSource1" Height="256px" Skin="Glow" Width="1024px" RenderMode="Auto" >

以及CSS中的类似内容：

.resetChart
{
   direction: ltr;
   float: none;
   text-align: left;
}

图表类型 - 这取决于您添加到图表的系列类型。在你的情况下，你有一个ColumnSeries，要添加不同类型的图表，你需要一个不同类型的系列。只需单击设计时向导就不会发生这种情况，其第一页仅预先选择您可以在其他选项卡中添加的图表类型，例如系列选项卡：http://www.telerik.com/help/aspnet-ajax/htmlchart-design-time-using-visual-designer.html。

Answer 2

我的问题的一个简单解决方案就是将图表放在表格中，而不是用css触及任何内容，问题就解决了。