MsChart解决自定义DataPoint顺序问题

1、最近在一次需求中碰到MsChart改造的问题，我把在这次需求改造中碰到的问题和解决方法记录下来。 这是我碰到这个问题时发的链接：http://topic.csdn.net/u/20120928/13/c6502fb7-1e59-4413-b82f-95f05714b8d5.html?seed=1914842576&r=79794108#r_79794108。

 

2、表结构，数据中包含三家分公司的数据，以前的需求是一次只显示一家分公司的。

  数据绑定方式使用： Chart1.Series[0].Points.DataBindXY()； 结果如图：

 

 

3、 现在需要将3个公司的数据放在一起对比，每个公司包括3列数据，3家分公司，那么意味着会产生3个Series，9条数据。 此时需要把取到的数据手动处理后给Series分别绑定，前三列我想放类别A，中间三列放类别B，后三列放类别C，此时需要把数据取出来手动处理。

 

private void BindDataToControl()
 {
           DataTable dt = AllData(); //查询出所有数据
           //对三个Series的数据做出处理
            DataTable A = new DataTable();
            A = SeriesData(1, dt);
            Chart1.Series[0].Points.DataBindXY(A.DefaultView, "groupName", A.DefaultView, "cnt");

            DataTable B = new DataTable();
            B = SeriesData(2, dt);
            Chart1.Series[1].Points.DataBindXY(B.DefaultView, "groupName", B.DefaultView, "cnt");

            DataTable C = new DataTable();
            C = SeriesData(3, dt);
            Chart1.Series[2].Points.DataBindXY(C.DefaultView, "groupName", C.DefaultView, "cnt");
            
}

 private DataTable SeriesData(int groupId,DataTable dt)
        {
            DataTable _dt = new DataTable();
            _dt = dt.Clone();

            DataRow[] rows = null;
            if (groupId == 1)
            {
                rows = dt.Select("groupId=1");
                foreach (DataRow dr in rows)
                {
                    _dt.ImportRow(dr);
                }
            }
            else if (groupId == 2)
            {
                rows = dt.Select("groupId=2");
                foreach (DataRow dr in rows)
                {
                    _dt.ImportRow(dr);
                }
            }
            else
            {
                rows = dt.Select("groupId=3");
                foreach (DataRow dr in rows)
                {
                    _dt.ImportRow(dr);
                }
            }

            return _dt;
        }

 

效果如图：

这时效果图中的数据和布局和我想要的结果一样，但是明显的错误有两个，这算不算是绑定方法下的半成品呢？

　　1、每个DataPoint的下方应表明分公司名称，没有标出来。

　　2、前三列为每家分公司的种类A，因此我想要前三列颜色相同，中间三列和后三列以此类推。

 

4、解决方法

  

1、在ChartArea属性下的AxisX标签里添加 CustomLabels标签，

 <CustomLabels>
   <asp:customlabel Text="分公司A分公司B分公司C" ToPosition="1.5" FromPosition="0.5" ></asp:customlabel>

<asp:customlabel Text="分公司A分公司B分公司C" ToPosition="2.5" FromPosition="1.5"></asp:customlabel>

<asp:customlabel Text="分公司A分公司B分公司C" ToPosition="3.5" FromPosition="2.5"></asp:customlabel>
</CustomLabels>

2、后台手动改变Series下Point的颜色

Chart1.Series[0].Points[0].Color = Color.SkyBlue;
Chart1.Series[0].Points[1].Color = Color.Green; 
Chart1.Series[0].Points[2].Color = Color.Yellow;

Chart1.Series[1].Points[0].Color = Color.SkyBlue;
Chart1.Series[1].Points[1].Color = Color.Green;
Chart1.Series[1].Points[2].Color = Color.Yellow;

Chart1.Series[2].Points[0].Color = Color.SkyBlue;
Chart1.Series[2].Points[1].Color = Color.Green;
Chart1.Series[2].Points[2].Color = Color.Yellow;

效果如图：

 

5、第一次使用MsChart的总结：

     图表本身的含义就是简单明了，对比鲜明，其次才是各种花哨的布局和样式， 在这次需求中使用MsChart 发现其虽然很强大，但是数据绑定上还缺乏灵活性，最起码也应该支持Json格式，还有一点不明白就是DataPoint的YValues属性为何是double[] 呢， 在aspx页面里手动创建DataPoint时YValues不是可以赋值整数，为何在后台就是double数组，没想明白微软的用意。

在对比使用MsChart和HignChart时，发现其图形样式，数据的序列显示形式都大同小异，论起强大方便还是要属MsChart 论起灵活性还是HighCharst更好用，但是HignChart在向x轴和y轴添加多个标题时似乎没有处理的很好,还有待继续研究啊，总结来说不管使用MsChart还是HighChart数据源都要简洁明了， 我个人认为这两个技术不分上下，各有各的长处，各有各的缺点。