Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Programování › .Net/C # › Používejte sloupcové grafy, koláčové grafy, čárové grafy atd. v projektech WPF, Silverlight.
Pohled: 21090|Odpověď: 0

[WPF] Projekty WPF a Silverlight používají sloupcové grafy, koláčové grafy a čárové grafy

[Kopírovat odkaz]
Zveřejněno 09.12.2015 15:46:45 | | | |
Během vývoje můžete narazit na sloupcové grafy, koláčové grafy a čárové grafy, které lépe zobrazují data. Tento článek je pouze jednoduchý displej, pokud chcete složité efekty zobrazení, podívejte se prosím na oficiální příklad kódu na webu. ---- kód v tomto článku používá WPF, podobný kód Silverlight a třetí strany wpf_visifire_v5.1.2-0_trial ovládání.

Nejprve si dejme sadu screenshotů:


Veřejná data:

  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" };
Kopírovat kód

Histogram:

  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.         }
Kopírovat kód

Koláčový graf:

  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.         }
Kopírovat kód
Čárový graf:

  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.         }
Kopírovat kód

Stažení kódu VisifireShow.rar (475.66 KB, Počet stažení: 2, 售价: 1 粒MB)





Předchozí:Kolik smyček může breakout vyskočit? Jak se mohu vymanit ze všech smyček?
Další:Nastavte obrázek na pozadí pro Visual Studio 2013 nebo VS2010, je to super!

Související příspěvky
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com