首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >更改RadHtmlChart数据的文本对齐和方向

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

Stack Overflow用户
提问于 2014-09-04 20:36:52
回答 2查看 612关注 0票数 0

我有一个图表:

代码语言:javascript
运行
复制
<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>

现在在我的body标签中,我已经将页面的方向设置为rtl,当我这样做的时候,整个图表都被弄乱了,文本被切掉了一点,总的来说看起来不太好:

由于某些原因,这一切都变得一团糟。有没有一些小代码可以修复这个问题?

在我询问的同时,我遇到的另一个问题是在设置图表类型(条形图、线条等)之后。它不会更新它,我也注意到HTML中没有添加任何代码行。我不知道是否需要添加一些东西,无论哪种方式,我都不能改变图表类型。有没有什么代码可以改变图表类型?

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2014-09-09 21:28:00

RadHtmlChart使用标记(SVG或VML)呈现,因此某些CSS属性可能会影响并破坏它。要避免此类问题,您可以为图表重置它们。例如:

代码语言:javascript
运行
复制
<telerik:RadHtmlChart CssClass="resetChart" ID="chrtInvestmentAmount"  runat="server" Transitions="true" DataSourceID="SqlDataSource1" Height="256px" Skin="Glow" Width="1024px" RenderMode="Auto" >

CSS中的内容如下所示:

代码语言:javascript
运行
复制
.resetChart
{
   direction: ltr;
   float: none;
   text-align: left;
}

至于图表类型-这取决于您添加到图表中的系列类型。在您的例子中,您有一个ColumnSeries,要添加一个不同类型的图表,您需要一个不同类型的序列。这不是在设计时向导上单击一下就能实现的,它的第一页只预先选择了可以在其他选项卡中添加的图表类型,比如系列选项卡http://www.telerik.com/help/aspnet-ajax/htmlchart-design-time-using-visual-designer.html

票数 1
EN

Stack Overflow用户

发布于 2014-09-05 22:33:49

对于我的问题,一个简单的解决方案是将图表放在一个表中,并且不接触css的任何东西,问题就解决了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25665739

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档