关于ASP.net Chart- Column图改变Points上标Label文字样式

来源：互联网发布：网络主播签约协议编辑：程序博客网时间：2024/05/16 04:39

首先一样先拉入一张Chart 并且设定为Column图

设定一些Series 其中我建立的范例LegendText 为能力、智力、速度三种

其中的Label 为 #VAL

看一下ASPX Code :

view sourceprint?
<asp:Chart ID="Chart1" runat="server">
<Legends>
<asp:Legend Alignment="Center" Docking="Bottom" Name="Legend1">
</asp:Legend>
</Legends>
<Series>
<asp:Series Name="Series1" LegendText="能力" Label="#VAL"></asp:Series>
<asp:Series ChartArea="ChartArea1" LegendText="智力" Name="Series2"  Label="#VAL">
</asp:Series>
<asp:Series ChartArea="ChartArea1" LegendText="速度" Name="Series3"  Label="#VAL">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1"></asp:ChartArea>
</ChartAreas>
</asp:Chart>

再来就是C# Code 这边导入数据

C#:

view sourceprint?
DataTable dt = new DataTable();
 
dt.Columns.Add("英雄名称");
 
dt.Columns.Add("能力");
dt.Columns.Add("智力");
dt.Columns.Add("速度");
Chart1.Series[0].XValueMember = "英雄名称";
Chart1.Series[0].YValueMembers = "能力";
Chart1.Series[1].YValueMembers = "智力";
Chart1.Series[2].YValueMembers = "速度";
 
dt.Rows.Add(new object[] { "浩克", 5, 5, 0 });
dt.Rows.Add(new object[] { "钢铁人", 5, 5, 2 });
dt.Rows.Add(new object[] { "美国队长", 5, 1, 4 });
Chart1.DataSource = dt.DefaultView;
 
 
Chart1.DataBind();

这时候来看一下结果..

这时候老板需求是因为高分的5 希望是红色显示其上标数字，并且 0 分的就是不要出现其上标数字

查了一下做法，因为这是必须独立去设定每一个分数上面的上标文字

所以在 Databind 之后加上这段Code.

C#:

view sourceprint?
foreach (var series in Chart1.Series)
{
foreach (var point in series.Points)
{
if (point.YValues[0] == 0)
{
point.Label = string.Empty;
}
else if (point.YValues[0] >= 5)
{
point.LabelForeColor = Color.Red;
}
 
}
}

结果:

一些很简单的小技巧，给需要用到的人自己也笔记一下

0 0