この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › プログラミング › .Net/C# › WPFやSilverlightプロジェクトでは棒グラフ、円グラフ、折れ線グラフなどを使いましょう。
眺める： 21090|答える： 0

[WPF] WPFやSilverlightのプロジェクトでは棒グラフ、円グラフ、折れ線グラフが使われています

[リンクをコピー]
掲載地 2015/12/09 15:46:45 | | | |
開発過程で、データの表現をより良くするために棒グラフ、円グラフ、折れ線図などが使われることがあります。 この記事は単なる簡単な表示です。複雑な表示効果をご希望の場合は、公式ウェブサイトのコード例を参照してください。 この記事のコード----WPF、Silverlightの類似コードを使用し、サードパーティ製wpf_visifire_v5.1.2-0_trial制御を使用しています。

まずスクリーンショットをいくつか見てみましょう。


公開データ:

  1. private List<string> strListx = new List<string>() { "苹果", "樱桃", "菠萝", "香蕉", "榴莲", "葡萄", "桃子", "猕猴桃" };
  2.         private List<string> strListy = new List<string>() { "13", "75", "60", "38", "97", "22", "39", "80" };

  4.         private List<DateTime> LsTime = new List<DateTime>()
  5.             {
  6.                new DateTime(2012,1,1),
  7.                new DateTime(2012,2,1),
  8.                new DateTime(2012,3,1),
  9.                new DateTime(2012,4,1),
  10.                new DateTime(2012,5,1),
  11.                new DateTime(2012,6,1),
  12.                new DateTime(2012,7,1),
  13.                new DateTime(2012,8,1),
  14.                new DateTime(2012,9,1),
  15.                new DateTime(2012,10,1),
  16.                new DateTime(2012,11,1),
  17.                new DateTime(2012,12,1),
  18.             };
  19.         private List<string> cherry = new List<string>() { "33", "75", "60", "98", "67", "88", "39", "45", "13", "22", "45", "80" };
  20.         private List<string> pineapple = new List<string>() { "13", "34", "38", "12", "45", "76", "36", "80", "97", "22", "76", "39" };
コードをコピーします

ヒストグラム:

  1. public void CreateChartColumn(string name, List<string> valuex, List<string> valuey)
  2.         {
  3.             //创建一个图标
  4.             Chart chart = new Chart();

  6.             //设置图标的宽度和高度
  7.             chart.Width = 580;
  8.             chart.Height = 380;
  9.             chart.Margin = new Thickness(100, 5, 10, 5);
  10.             //是否启用打印和保持图片
  11.             chart.ToolBarEnabled = false;

  13.             //设置图标的属性
  14.             chart.ScrollingEnabled = false;//是否启用或禁用滚动
  15.             chart.View3D = true;//3D效果显示

  17.             //创建一个标题的对象
  18.             Title title = new Title();

  20.             //设置标题的名称
  21.             title.Text = Name;
  22.             title.Padding = new Thickness(0, 10, 5, 0);

  24.             //向图标添加标题
  25.             chart.Titles.Add(title);

  27.             Axis yAxis = new Axis();
  28.             //设置图标中Y轴的最小值永远为0           
  29.             yAxis.AxisMinimum = 0;
  30.             //设置图表中Y轴的后缀         
  31.             yAxis.Suffix = "斤";
  32.             chart.AxesY.Add(yAxis);

  34.             // 创建一个新的数据线。               
  35.             DataSeries dataSeries = new DataSeries();

  37.             // 设置数据线的格式
  38.             dataSeries.RenderAs = RenderAs.StackedColumn;//柱状Stacked


  41.             // 设置数据点              
  42.             DataPoint dataPoint;
  43.             for (int i = 0; i < valuex.Count; i++)
  44.             {
  45.                 // 创建一个数据点的实例。                  
  46.                 dataPoint = new DataPoint();
  47.                 // 设置X轴点                    
  48.                 dataPoint.AxisXLabel = valuex[i];
  49.                 //设置Y轴点                  
  50.                 dataPoint.YValue = double.Parse(valuey[i]);
  51.                 //添加一个点击事件        
  52.                 dataPoint.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
  53.                 //添加数据点                  
  54.                 dataSeries.DataPoints.Add(dataPoint);
  55.             }

  57.             // 添加数据线到数据序列。               
  58.             chart.Series.Add(dataSeries);

  60.             //将生产的图表增加到Grid，然后通过Grid添加到上层Grid.           
  61.             Grid gr = new Grid();
  62.             gr.Children.Add(chart);
  63.             Simon.Children.Add(gr);
  64.         }
コードをコピーします

円グラフ:

  1. public void CreateChartPie(string name, List<string> valuex, List<string> valuey)
  2.         {
  3.             //创建一个图标
  4.             Chart chart = new Chart();

  6.             //设置图标的宽度和高度
  7.             chart.Width = 580;
  8.             chart.Height = 380;
  9.             chart.Margin = new Thickness(100, 5, 10, 5);
  10.             //是否启用打印和保持图片
  11.             chart.ToolBarEnabled = false;

  13.             //设置图标的属性
  14.             chart.ScrollingEnabled = false;//是否启用或禁用滚动
  15.             chart.View3D = true;//3D效果显示

  17.             //创建一个标题的对象
  18.             Title title = new Title();

  20.             //设置标题的名称
  21.             title.Text = name;
  22.             title.Padding = new Thickness(0, 10, 5, 0);

  24.             //向图标添加标题
  25.             chart.Titles.Add(title);

  27.             //Axis yAxis = new Axis();
  28.             ////设置图标中Y轴的最小值永远为0           
  29.             //yAxis.AxisMinimum = 0;
  30.             ////设置图表中Y轴的后缀         
  31.             //yAxis.Suffix = "斤";
  32.             //chart.AxesY.Add(yAxis);

  34.             // 创建一个新的数据线。               
  35.             DataSeries dataSeries = new DataSeries();

  37.             // 设置数据线的格式
  38.             dataSeries.RenderAs = RenderAs.Pie;//柱状Stacked


  41.             // 设置数据点              
  42.             DataPoint dataPoint;
  43.             for (int i = 0; i < valuex.Count; i++)
  44.             {
  45.                 // 创建一个数据点的实例。                  
  46.                 dataPoint = new DataPoint();
  47.                 // 设置X轴点                    
  48.                 dataPoint.AxisXLabel = valuex[i];

  50.                 dataPoint.LegendText = "##" + valuex[i];
  51.                 //设置Y轴点                  
  52.                 dataPoint.YValue = double.Parse(valuey[i]);
  53.                 //添加一个点击事件        
  54.                 dataPoint.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
  55.                 //添加数据点                  
  56.                 dataSeries.DataPoints.Add(dataPoint);
  57.             }

  59.             // 添加数据线到数据序列。               
  60.             chart.Series.Add(dataSeries);

  62.             //将生产的图表增加到Grid，然后通过Grid添加到上层Grid.           
  63.             Grid gr = new Grid();
  64.             gr.Children.Add(chart);
  65.             Simon.Children.Add(gr);
  66.         }
コードをコピーします
線図:

  1. public void CreateChartSpline(string name, List<DateTime> lsTime, List<string> cherry, List<string> pineapple)
  2.         {
  3.             //创建一个图标
  4.             Chart chart = new Chart();

  6.             //设置图标的宽度和高度
  7.             chart.Width = 580;
  8.             chart.Height = 380;
  9.             chart.Margin = new Thickness(100, 5, 10, 5);
  10.             //是否启用打印和保持图片
  11.             chart.ToolBarEnabled = false;

  13.             //设置图标的属性
  14.             chart.ScrollingEnabled = false;//是否启用或禁用滚动
  15.             chart.View3D = true;//3D效果显示

  17.             //创建一个标题的对象
  18.             Title title = new Title();

  20.             //设置标题的名称
  21.             title.Text = name;
  22.             title.Padding = new Thickness(0, 10, 5, 0);

  24.             //向图标添加标题
  25.             chart.Titles.Add(title);

  27.             //初始化一个新的Axis
  28.             Axis xaxis = new Axis();
  29.             //设置Axis的属性
  30.             //图表的X轴坐标按什么来分类，如时分秒
  31.             xaxis.IntervalType = IntervalTypes.Months;
  32.             //图表的X轴坐标间隔如2,3,20等，单位为xAxis.IntervalType设置的时分秒。
  33.             xaxis.Interval = 1;
  34.             //设置X轴的时间显示格式为7-10 11：20           
  35.             xaxis.ValueFormatString = "MM月";
  36.             //给图标添加Axis            
  37.             chart.AxesX.Add(xaxis);

  39.             Axis yAxis = new Axis();
  40.             //设置图标中Y轴的最小值永远为0           
  41.             yAxis.AxisMinimum = 0;
  42.             //设置图表中Y轴的后缀         
  43.             yAxis.Suffix = "斤";
  44.             chart.AxesY.Add(yAxis);


  47.             // 创建一个新的数据线。               
  48.             DataSeries dataSeries = new DataSeries();
  49.             // 设置数据线的格式。               
  50.             dataSeries.LegendText = "樱桃";

  52.             dataSeries.RenderAs = RenderAs.Spline;//折线图

  54.             dataSeries.XValueType = ChartValueTypes.DateTime;
  55.             // 设置数据点              
  56.             DataPoint dataPoint;
  57.             for (int i = 0; i < lsTime.Count; i++)
  58.             {
  59.                 // 创建一个数据点的实例。                  
  60.                 dataPoint = new DataPoint();
  61.                 // 设置X轴点                    
  62.                 dataPoint.XValue = lsTime[i];
  63.                 //设置Y轴点                  
  64.                 dataPoint.YValue = double.Parse(cherry[i]);
  65.                 dataPoint.MarkerSize = 8;
  66.                 //dataPoint.Tag = tableName.Split('(')[0];
  67.                 //设置数据点颜色                  
  68.                 // dataPoint.Color = new SolidColorBrush(Colors.LightGray);                  
  69.                 dataPoint.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
  70.                 //添加数据点                  
  71.                 dataSeries.DataPoints.Add(dataPoint);
  72.             }

  74.             // 添加数据线到数据序列。               
  75.             chart.Series.Add(dataSeries);


  78.             // 创建一个新的数据线。               
  79.             DataSeries dataSeriesPineapple = new DataSeries();
  80.             // 设置数据线的格式。         

  82.             dataSeriesPineapple.LegendText = "菠萝";

  84.             dataSeriesPineapple.RenderAs = RenderAs.Spline;//折线图

  86.             dataSeriesPineapple.XValueType = ChartValueTypes.DateTime;
  87.             // 设置数据点              

  89.             DataPoint dataPoint2;
  90.             for (int i = 0; i < lsTime.Count; i++)
  91.             {
  92.                 // 创建一个数据点的实例。                  
  93.                 dataPoint2 = new DataPoint();
  94.                 // 设置X轴点                    
  95.                 dataPoint2.XValue = lsTime[i];
  96.                 //设置Y轴点                  
  97.                 dataPoint2.YValue = double.Parse(pineapple[i]);
  98.                 dataPoint2.MarkerSize = 8;
  99.                 //dataPoint2.Tag = tableName.Split('(')[0];
  100.                 //设置数据点颜色                  
  101.                 // dataPoint.Color = new SolidColorBrush(Colors.LightGray);                  
  102.                 dataPoint2.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
  103.                 //添加数据点                  
  104.                 dataSeriesPineapple.DataPoints.Add(dataPoint2);
  105.             }
  106.             // 添加数据线到数据序列。               
  107.             chart.Series.Add(dataSeriesPineapple);

  109.             //将生产的图表增加到Grid，然后通过Grid添加到上层Grid.           
  110.             Grid gr = new Grid();
  111.             gr.Children.Add(chart);
  112.             
  113.             Simon.Children.Add(gr);
  114.         }
コードをコピーします

コードダウンロード VisifireShow.rar (475.66 KB, ダウンロード数: 2, 售价: 1 粒MB)





先の：ブレイクは何回ループから飛び出せるのでしょうか? どうすればすべてのループから抜け出せますか?
次に：Visual Studio 2013やVS2010用の背景画像を設定すれば、とても便利です!

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com