ASP.NET Chart控件从X轴标签上的int值设置月份名称

时间:2014-03-14 09:03:59

标签: asp.net formatting mschart axis-labels

我想用相应的月份名称替换图表X轴上的数字(1,2,3,...)。

这是我的实际图表:

Actual chart

在填充DataView的{​​{1}}上我有" MONTH"包含1到12之间值的列。 我还必须手动将SeriesMinimum值设置为0和13,否则我会丢失第一列和最后一列,因为第一个X轴列的开头与Y之间缺少空格轴和图表区域的最后一个X轴列末端之间。

Maximum

因此,如果我用月份名称替换int值,我还需要删除Min和Max参数,但我想保留现在的空间。

我尝试了在这里和其他地方建议的一些解决方案,但没有结果。 最简单,最有效和最直接的似乎是:

<ChartAreas>
    <asp:ChartArea Name="ChartArea1">
        <AxisX IsStartedFromZero="True" Title="Mese"
            TitleFont="Segoe UI, 10pt, style=Bold" IsLabelAutoFit="False" LineColor="Gray"
            Minimum="0" Maximum="13">
            <MajorGrid LineColor="LightGray" />
            <LabelStyle Font="Segoe UI, 9pt" />
        </AxisX>
    </asp:ChartArea>
</ChartAreas>

但它不起作用。相反,我得到了&#34; MMM&#34;字符串代替整数值。

是否可以像在GridView上一样截取Chart1.ChartAreas[0].AxisX.LabelStyle.Format = "MMM"; 事件,用月份名替换整数值?

1 个答案:

答案 0 :(得分:6)

我认为你必须使用自定义标签。 我使用了thisthis

背后的代码:

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

namespace WebTest_1
{
    public partial class _Default : Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Chart1.Series[0].Points.AddXY(1, 83);
            Chart1.Series[0].Points.AddXY(2, 63);
            Chart1.Series[0].Points.AddXY(3, 53);
            Chart1.Series[0].Points.AddXY(4, 77);
            Chart1.Series[0].Points.AddXY(5, 46);
            Chart1.Series[0].Points.AddXY(6, 99);
            Chart1.Series[0].Points.AddXY(7, 72);
            Chart1.Series[0].Points.AddXY(8, 39);
            Chart1.Series[0].Points.AddXY(9, 42);
            Chart1.Series[0].Points.AddXY(10, 71);
            Chart1.Series[0].Points.AddXY(11, 58);
            Chart1.Series[0].Points.AddXY(12, 63);

            Chart1.Series[1].Points.AddXY(1 , 46);
            Chart1.Series[1].Points.AddXY(2 , 72);
            Chart1.Series[1].Points.AddXY(3 , 53);
            Chart1.Series[1].Points.AddXY(4 , 39);
            Chart1.Series[1].Points.AddXY(5 , 63);
            Chart1.Series[1].Points.AddXY(6 , 71);
            Chart1.Series[1].Points.AddXY(7 , 75);
            Chart1.Series[1].Points.AddXY(8 , 99);
            Chart1.Series[1].Points.AddXY(9 , 83);
            Chart1.Series[1].Points.AddXY(10, 63);
            Chart1.Series[1].Points.AddXY(11, 58);
            Chart1.Series[1].Points.AddXY(12, 42);
        }

        protected void Chart1_Customize(object sender, EventArgs e)
        {
            foreach (var lbl in Chart1.ChartAreas[0].AxisX.CustomLabels)
            {
                int monthNumber = int.Parse(lbl.Text);
                if (monthNumber >= 1 && monthNumber <= 12)
                    lbl.Text = CultureInfo.CurrentCulture.DateTimeFormat.GetMonthName(monthNumber);
                else
                    lbl.Text = "";
            }
        }
    }
}

输出:

enter image description here

您需要指定Customize事件。