이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

Architect_Programmer_Code 농업 네트워크»건축가 › 프로그래밍 › .Net/C # › WPF와 Silverlight 프로젝트에서 막대 차트, 원형 차트, 선 차트 등을 사용하세요.
보기: 21090|회답: 0

[WPF] WPF와 실버라이트 프로젝트는 막대 차트, 원형 차트, 선 차트를 사용합니다

[링크 복사]
게시됨 2015. 12. 9. 오후 3: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