PDA

View Full Version : Disappearance of the Pie3DSeries label.



wonjin
Apr 15, 2016, 8:11 AM
Hello.

I want to use Pie3DSeries with label to show data.
But, label disappear when I use it with Pie3DSeries,
For example,
24564

I need your help.
Thanks in advance.

Source code


public partial class TechSum : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.BindData();
}
}

private void BindData()
{
var vLinkStatus = new List<Status>
{
new Status { TYPE = "1", COUNT = 15, SUM = "1" + 15 },
new Status { TYPE = "2", COUNT = 15, SUM = "2" + 15 },
new Status { TYPE = "3", COUNT = 15, SUM = "3" + 15 }
};

ChartDelay.GetStore().DataSource = vLinkStatus;
ChartDelay.GetStore().DataBind();
}

public class Status
{

public string TYPE
{
get;
set;
}

public UInt32 COUNT
{
get;
set;
}

public string SUM
{
get;
set;
}
}
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TechSum.aspx.cs" Inherits="PRM.Home.TechSum" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="/Content/Home.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager runat="server" />
<ext:Hidden ID="HiddenProduct" runat="server" />
<ext:Panel runat="server" Width="890" Height="370" Layout="AbsoluteLayout">
<Items>
<ext:PolarChart
ID="ChartDelay"
runat="server"
StandardTheme="Category1"
X="10"
Y="10"
Width ="230"
Height="230">
<Background Fill="white" />
<Store>
<ext:Store runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="TYPE" />
<ext:ModelField Name="COUNT" />
<ext:ModelField Name="SUM" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Series>
<ext:Pie3DSeries
AngleField="COUNT"
Donut="30"
Distortion="0.6" Colors="#BD0000,#006EBD,#7FBAED" Rotation="0">
<Label Field="SUM" Text="SUM" Display="Inside" Font="20px 맑은 고딕" TextAlign="Left"/>
<StyleSpec>
<ext:SeriesSprite StrokeStyle="white" Opacity="1.0" />
</StyleSpec>
</ext:Pie3DSeries>
</Series>
</ext:PolarChart>
</Items>
</ext:Panel>
</div>
</form>
</body>
</html>

fabricio.murta
Apr 15, 2016, 1:32 PM
Hello @wonjin!

Set the inset padding for the polar chart, large enough to fit the legends.

Thanks to your easily runnable and reproduceable example it was not too hard to identify the issue!

An example that might serve in your case is: InsetPaddingSpec="0 35 0 35"

You can use either a single value (InsetPadding="35") or a series of values (top, left, bottom, right, respectively) to determine each side's padding.

Hope this helps!