如何让Telerik的RadHtmlChart图例分两列显示
我正在做一个asp.net webforms项目。我正在使用Telerik的RadHtmlChart控件。我想在两列中显示图例。目前，它显示为单列。我试图使高度变小，这样它就会分成两列或更多列。但它并没有起作用。
RadHtmlChart2.Legend.Appearance.Height.Equals(20)；
谢谢
回答 2
Stack Overflow用户
发布于 2016-11-18 02:06:19
RadHtmlChart的图例的主要目的是显示与所显示的数据相关的信息，没有允许填充自定义图例项的属性。
NameField属性特定于PieSeries、DonutSeries和BubbleSeries，但您可以通过设置它们的Name属性在BarSeries和ColumnSeries中实现相同的外观：
<telerik:ColumnSeries DataFieldY="yValue" Name="column series"></telerik:ColumnSeries>为系列指定名称属性会在图例中创建一个“项目”。请注意，此属性用于显式设置系列的名称，而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();
Chart.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;
}}
如果您需要进一步的帮助，请随时与我联系。
Stack Overflow用户
发布于 2016-11-18 06:17:06
看起来你可以通过遵循这里的建议来控制图例的大小和列，使用如下的声明性样式：
<Legend>
<Appearance Orientation="Horizontal" Width="220">
</Appearance>
</Legend>http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/appearance-and-styling/legend-settings
https://stackoverflow.com/questions/40661960
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号