====求 spread chart 饼图 柱形图 折线图的实例====

各位大大。我现在想要实现以下的两种图     麻烦贴下实例代码   谢谢了


1.jpeg (9.93 KB, 下载次数: 1514)

2012-10-30 16:31 上传

点击文件名下载附件


2.jpeg (31.54 KB, 下载次数: 1519)

2012-10-30 16:31 上传

点击文件名下载附件

两个图的区域颜色都需要自定义。

其中第二个图 是 柱形图+折线图 在一起的
左侧是柱形图的数据，右侧是折线图的数据
下边是月份描述。右上角的（40）不用管  那是多余的东西
其中红色代表一组数据   蓝色代表另一组数据。
要求上下显示的柱形图

第一次接触spread画图  实在是不知道怎么实现

evenwan 你好

Spread for WinForms中图表有两种显示方法，一种是直接插入到Spread中显示（类似于Excle）；另外一种是通过FpChart直接在Form上面显示图表

不知你使用的是哪种方式，谢谢！

回复 2楼dof的帖子

版主你好。我是通过FpChart直接在Form上面显示图表。应该是这样的。

因为我在设计的时候 spread上 是没有放控件的。

回复 2楼dof的帖子

版主你好。
    我要做的是在form上放置了一个FpSpread表格控件。
然后在cs文件中利用代码绑定数据源。 最后在页面上实现上边想要的效果。

public void PieChart()
                {
                       

                        fpSpread2.Reset();

                        fpSpread2.ActiveSheet.ColumnHeader.Visible = false;
                        fpSpread2.ActiveSheet.RowHeader.Visible = false;
                       


                        DataTable dta = new DataTable();
                        dta.Columns.Add("aaa", System.Type.GetType("System.String"));
                        dta.Columns.Add("bbb", System.Type.GetType("System.String"));
                        dta.Columns.Add("ccc", System.Type.GetType("System.String"));

                        DataRow dra = dta.NewRow();
                        dra[0] = "a";
                        dra[1] = "10";
                        dra[2] = "15";
                        dta.Rows.Add(dra);
                        DataRow dra1 = dta.NewRow();
                        dra1[0] = "b";
                        dra1[1] = "20";
                        dra1[2] = "250";
                        dta.Rows.Add(dra1);
                        DataRow dra2 = dta.NewRow();
                        dra2[0] = "c";
                        dra2[1] = "30";
                        dra2[2] = "265";
                        dta.Rows.Add(dra2);
                        fpSpread2.ActiveSheet.DataSource = dta;

                        FarPoint.Win.Chart.PieSeries series2 = new FarPoint.Win.Chart.PieSeries();

                        series2.SeriesName = "Series 2";
                        series2.CategoryNames.DataSource = new FarPoint.Win.Spread.Chart.SeriesDataField(fpSpread2, "DataFieldCategoryName", "Sheet1!$A$1A$" + Convert.ToString(dta.Rows.Count), FarPoint.Win.Spread.Chart.SegmentDataType.Text);
                        if (this.rbtnAmountShell.Checked == true)
                        {
                                series2.Values.DataSource = new FarPoint.Win.Spread.Chart.SeriesDataField(fpSpread2, "DataFieldValue", "Sheet1!$B$1B$" + Convert.ToString(dta.Rows.Count));
                        }
                        else
                        {
                                series2.Values.DataSource = new FarPoint.Win.Spread.Chart.SeriesDataField(fpSpread2, "DataFieldValue", "Sheet1!$C$1C$" + Convert.ToString(dta.Rows.Count));
                        }
                        series2.LabelVisible = true;
                       
       
                        FarPoint.Win.Chart.PiePlotArea plotArea = new FarPoint.Win.Chart.PiePlotArea();
                        plotArea.Location = new System.Drawing.PointF(0.2f, 0.2f);
                        plotArea.Size = new System.Drawing.SizeF(0.6f, 0.6f);
                        plotArea.Series.AddRange(new FarPoint.Win.Chart.Series[] { series2 });

               
                        FarPoint.Win.Chart.LegendArea legend = new FarPoint.Win.Chart.LegendArea();
                        legend.Location = new PointF(0.0f, 0.0f);
                        legend.AlignmentX = 0f;
                        legend.AlignmentY = 0.0f;

               
                        FarPoint.Win.Chart.ChartModel model = new FarPoint.Win.Chart.ChartModel();
                        model.LegendAreas.Add(legend);
                        model.PlotAreas.Add(plotArea);

               
                        FarPoint.Win.Spread.Chart.SpreadChart chart = new FarPoint.Win.Spread.Chart.SpreadChart();
                        chart.Size = new Size(600, 350);
                        chart.Location = new Point(0, 0);
                        chart.Model = model;
                        chart.Locked = true;
                        chart.CanMove = FarPoint.Win.Spread.DrawingSpace.Moving.None;
                        chart.CanSize = FarPoint.Win.Spread.DrawingSpace.Sizing.None;

                        fpSpread2.ActiveSheet.Charts.Add(chart);
                       
                }


3.jpeg (16.45 KB, 下载次数: 1427)

2012-10-31 15:06 上传

点击文件名下载附件
以上是我根据自带的sample 写出来的。但是达不到我想要的上面的效果、不知道怎么改了。

求版主帮忙~~

Spread中的饼图如果要要显示百分比的Label，需要对数据源进行换算之后才能显示百分比，比如下面的代码有一个values的数据源，然后需要对其进行换算，然后设置给series1.Values，才能显示成百分比的形式：

1.     FarPoint.Win.Chart.PieSeries series2 = new FarPoint.Win.Chart.PieSeries();
   
2. 
   
3.     double[] values = new double[] { 10,20,30};
   
4.     double sum = 0;
   
5.     foreach (var item in values)
   
6.     {
   
7.         sum += item;
   
8.     }
   
9.     for (int i = 0; i < values.Length; i++)
   
10.     {
    
11.         values[i] = values[i] / sum;
    
12.     }
    
13.     series2.SeriesName = "Series 2";
    
14.     series2.CategoryNames.AddRange(new String[]{"AA","BB","CC"});
    
15.     series2.Values.AddRange(values);
    
16.     series2.LabelVisible = true;
    
17.     series2.LabelFormatter = new FarPoint.Win.Spread.Model.GeneralFormatter("0.00%", false);

复制代码

回复 5楼dof的帖子

谢谢斑竹。
我先研究一下饼图。  

那个柱形图跟折线图怎么做呢？  两个图在一起出现的。而且右边的数据是怎么做出来的？
希望能给出demo 以供参考~谢谢

第二种图表通常叫着组合图表，可以使用以下代码实现：

1.         private void Form1_Load(object sender, EventArgs e)
   
2.         {
   
3.             BarSeries series0 = new BarSeries();
   
4.             series0.Values.Add(8.0);
   
5.             series0.Values.Add(4.0);
   
6.             series0.Values.Add(2.0);
   
7.             series0.Values.Add(1.0);
   
8.             series0.YAxisId = 0;
   
9.             series0.LabelVisible = true;
   
10. 
    
11.             LineSeries series1 = new LineSeries();
    
12.             series1.PointMarker = new BuiltinMarker(MarkerShape.Circle, 7.0f);
    
13.             series1.Values.Add(8.0);
    
14.             series1.Values.Add(12.0);
    
15.             series1.Values.Add(14.0);
    
16.             series1.Values.Add(15.0);
    
17.             series1.YAxisId = 1;
    
18.             series1.LabelVisible = true;
    
19. 
    
20.             ValueAxis y2 = new ValueAxis();
    
21.             y2.AxisId = 1;
    
22.             y2.AutoMaximum = true;
    
23.             y2.AutoMinimum = true;
    
24.             y2.LabelVisible = true;
    
25.             y2.Location = AxisLocation.Far;
    
26. 
    
27.             YPlotArea plotArea = new YPlotArea();
    
28.             plotArea.Location = new PointF(0.2f, 0.2f);
    
29.             plotArea.Size = new SizeF(0.6f, 0.6f);
    
30.             plotArea.Series.Add(series0);
    
31.             plotArea.Series.Add(series1);
    
32. 
    
33.             plotArea.YAxes.Add(y2);
    
34. 
    
35.             LabelArea label = new LabelArea();
    
36.             label.Location = new PointF(0.5f, 0.02f);
    
37.             label.AlignmentX = 0.5f;
    
38.             label.AlignmentY = 0.0f;
    
39.             label.Text = "组合图表";
    
40. 
    
41.             ChartModel model = new ChartModel();
    
42.             model.LabelAreas.Add(label);
    
43.             model.PlotAreas.Add(plotArea);
    
44. 
    
45.             fpSpread1.ActiveSheet.Charts[0].Model = model;
    
46. 
    
47.         }

复制代码

回复 7楼dof的帖子

感谢dof 大神 细心的解答~非常感谢。

我再问一下。如果我现在想要一个柱上表现两条或多条数据应该怎么写？

BarSeries series0 = new BarSeries();
                        series0.Values.Add(8.0);
                        series0.Values.Add(4.0);
                        series0.Values.Add(2.0);
                        series0.Values.Add(1.0);
                        BarSeries series2 = new BarSeries();
                        series2.Values.Add(18.0);
                        series2.Values.Add(14.0);
                        series2.Values.Add(12.0);
                        series2.Values.Add(11.0);
                        //foreach (var item in Values)
                        //{
                        //    series0.Values.Add(item);
                        //}
                        series0.YAxisId = 0;
                        series0.LabelVisible = true;
                        series2.YAxisId = 0;
                        series2.LabelVisible = true;

                        LineSeries series1 = new LineSeries();
                        series1.PointMarker = new BuiltinMarker(MarkerShape.Circle, 7.0f);
                        series1.Values.Add(8.0);
                        series1.Values.Add(12.0);
                        series1.Values.Add(14.0);
                        series1.Values.Add(15.0);

                        LineSeries series3 = new LineSeries();
                        series1.PointMarker = new BuiltinMarker(MarkerShape.Circle, 7.0f);
                        series1.Values.Add(18.0);
                        series1.Values.Add(22.0);
                        series1.Values.Add(34.0);
                        series1.Values.Add(45.0);
                        //foreach (var item in Count)
                        //{
                        //    series1.Values.Add(item);
                        //}
                        series1.YAxisId = 1;
                        series1.LabelVisible = true;
                        series3.YAxisId = 1;
                        series3.LabelVisible = true;

                        ValueAxis y2 = new ValueAxis();
                        y2.AxisId = 1;
                        y2.AutoMaximum = true;
                        y2.AutoMinimum = true;
                        y2.LabelVisible = true;
                        y2.Location = AxisLocation.Far;

                        YPlotArea plotArea = new YPlotArea();
                        plotArea.Location = new PointF(0.2f, 0.2f);
                        plotArea.Size = new SizeF(0.6f, 0.6f);
                        plotArea.Series.Add(series0);
                        plotArea.Series.Add(series1);
                        plotArea.Series.Add(series2);
                        plotArea.Series.Add(series3);

                        plotArea.YAxes.Add(y2);

                        LabelArea label = new LabelArea();
                        label.Location = new PointF(0.5f, 0.02f);
                        label.AlignmentX = 0.5f;
                        label.AlignmentY = 0.0f;
                        label.Text = "组合图表";

                        ChartModel model = new ChartModel();
                        model.LabelAreas.Add(label);
                        model.PlotAreas.Add(plotArea);

我在你给的代码上又添了一组数据。

但是这样写了之后 ， 柱形图的数据。两条都是从最下边开始   变的重合了。
                             折线图的数据、不是并列的关系，变成了延伸的关系了。

我想要的效果： 柱形图两条数据。第二条数据的基础点从第一条数据的最高点开始。数据是上下叠着的。
                      折线图两条数据。两条折线应该是上线并列显示的，而不是一条线延伸出去的。


刚学这个问题可能比较幼稚   还望版主大大见谅~~~

如果有做过的大大们  也帮我瞅瞅吧~~拜谢了~~

你的程序在最后好像少一句代码：fpSpread1.ActiveSheet.Charts[0].Model = model;

回复 9楼dof的帖子


这部分是我的后半部分代码

                        FarPoint.Win.Spread.Chart.SpreadChart chart = new FarPoint.Win.Spread.Chart.SpreadChart();
                        chart.Size = new Size(600, 350);
                        chart.Location = new Point(0, 0);
                        chart.Model = model;
                        chart.Locked = true;
                        chart.CanMove = FarPoint.Win.Spread.DrawingSpace.Moving.None;
                        chart.CanSize = FarPoint.Win.Spread.DrawingSpace.Sizing.None;

                        fpSpread1.ActiveSheet.Charts.Add(chart);

这句代码我加上会报越界的错误。（Index was out of range. Must be non-negative and less than the size of the collection.
     Parameter name: index）所以我用的 （chart.Model = model;）替换了（fpSpread1.ActiveSheet.Charts[0].Model = model;）