如何使Telerik的RadHtmlChart图例显示在两列中

时间:2016-11-17 18:02:39

标签: c# asp.net telerik

我正在开发一个asp.net webforms项目。我正在使用Telerik的RadHtmlChart控件。我想在两列中显示图例。目前,它显示为单个列。我试图使小的高度成为两列或更多列。但它没有用。

RadHtmlChart2.Legend.Appearance.Height.Equals(20);

由于

2 个答案:

答案 0 :(得分:0)

RadHtmlChart的Legend的主要目的是显示与显示的数据相关的信息,没有允许填充自定义图例项的属性。

NameField属性特定于PieSeries,DonutSeries和BubbleSeries,但您可以通过设置其Name属性在BarSeries和ColumnSeries中实现相同的外观:

<telerik:ColumnSeries DataFieldY="yValue" Name="column series"></telerik:ColumnSeries>

为系列指定Name属性会在图例中创建“item”。请注意,此属性用于显式设置系列名称,NameField属性在数据绑定方案中是等效的。

我还附加了一个示例页面,我在其中编辑了一个ColumnSeries并设置了其Name属性,因此您可以检查我的建议。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Legend-Bar-Column.aspx.cs" Inherits="TICKETS_Chart_2013_Q3_Legend_Bar_Column_Legend_Bar_Column" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <telerik:RadHtmlChart runat="server" ID="Chart" Skin="Black">
            <PlotArea>
                <Series>
                    <telerik:ColumnSeries DataFieldY="yValue" Name="column series"></telerik:ColumnSeries>
                </Series>
            </PlotArea>
        </telerik:RadHtmlChart>
    </form>
</body>
</html>

CS文件

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class TICKETS_Chart_2013_Q3_Legend_Bar_Column_Legend_Bar_Column : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Chart.DataSource = GetData();
        Cha

rt.DataBind();     }

protected DataTable GetData()
{
    DataTable table = new DataTable();
    table.Columns.Add(new DataColumn("yValue"));
    table.Rows.Add(new object[] { 10 });
    table.Rows.Add(new object[] { 30 });
    table.Rows.Add(new object[] { 30 });
    return table;
}

}

如果您需要任何进一步的帮助,请随时与我联系。

答案 1 :(得分:0)

看起来您可以通过遵循此处的建议来控制图例的大小和列,使用声明式样式,例如:

  if debug:
    print(d_()+z_("Debug")+o_("Product Count"+" : "+productCount))
  if (len(productCount) == 1) and (int(productCount) > 0):
    results=browser.execute_script("window.location='"+cartURL+"'")
    checkBtn=browser.find_element_by_xpath("//div[@class='co-actions cart-bottom-actions checkout-buttons-wrapper clearfix checkout-paypal']//button[@class='co-btn_primary btn_showcart button-full-width button-ctn button-brd-sol button-brd adi-gradient-lightgrey paypal-button track btn btn-paypal btn-block']")
    print(checkBtn)
    checkBtn.click()
    htmlElement = driver.find_element_by_tag_name('html')

    def expand_shadow_element(element):
      shadow_root = driver.execute_script('return arguments[0].shadowRoot', element)

    return shadow_root

    shadow_root_under_frame = expand_shadow_element(htmlElement)
    inputelement = shadow_root_under_frame.find_element_by_name("login_email")
    inputelement.clear()
    inputelement.send_keys(cardNum)
    inputelement=browser.find_element_by_name("login_password")
    inputelement.clear()
    inputelement.send_keys(safeCode)

http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/appearance-and-styling/legend-settings