自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

使用WPF中amCharts繪制股票K線圖

作者：Create Chen
開發(fā) 后端
WPF中的Amcharts是一組Flash圖表，你可以免費(fèi)使用在你的網(wǎng)站和基于網(wǎng)絡(luò)的產(chǎn)品。本文將教大家如何繪制股票K線圖。

本想自己用GDI繪圖, 通過數(shù)據(jù)直接繪制一張蠟柱圖, 但覺得這樣子的功能比較少, 所以到網(wǎng)上搜索一些能畫出K線圖的控件. 發(fā)現(xiàn)DynamicDataDisplay挺好的, 在它的開發(fā)截圖里也發(fā)現(xiàn)可以繪制蠟柱圖, 但文檔好像做的不是很好, 不知道怎么用它來畫, 在尋找它比較好的例子的時(shí)候發(fā)現(xiàn)有人推薦用amCharts繪制, 所以便去看了一下, 發(fā)現(xiàn)挺好用的, 效果如下:

準(zhǔn)備工作

先要去這里下載amCharts Stock Chart for WPF并解壓, 新建一個(gè)WPF Project, 在Toolbox里右擊, 選擇Choose Items, 然后點(diǎn)擊Browse, 找到解壓后的文件夾里有一個(gè)AmCharts.Windows.Stock.dll, 單擊Okay, 準(zhǔn)備工作就做好了.

界面中amCharts控件的配置

<ams:StockChart></ams:StockChart>用于在窗口中添加這樣一個(gè)控件, 先看看這個(gè)控件是怎么綁定數(shù)據(jù)的:

  1. <ams:StockChart.DataSets>   
  2.  <ams:DataSet Name="stockSet1" Brush="#7f8da9"   
  3.  ItemsSource="{Binding Data}"   
  4.  DateMemberPath="date"   
  5. OpenMemberPath="open" HighMemberPath="high"   
  6. LowMemberPath="low" CloseMemberPath="close"   
  7.  ValueMemberPath="close" VolumeMemberPath="volume"   
  8. />   
  9.  </ams:StockChart.DataSets>  

其中ItemSource中的Data是在程序里產(chǎn)生的, 它是一個(gè)StockInfo類的集合. DataMenberPath, HighMenberPath, LowMenberPath, CloseMenberPath, ValueMenberPath, VolumeMenberPath指定的元素都是Data集合中StockInfo的屬性. StockInfo類結(jié)構(gòu)如下:

  1. public class StockInfo   
  2.  {   
  3.  public DateTime date { get; set; }   
  4.  public double open { get; set; }   
  5.  public double high { get; set; }   
  6.  public double low { get; set; }   
  7.  public double close { get; set; }   
  8.  public double volume { get; set; }   
  9. }  

<ams:StockChart.Charts></ams:StockChart.Charts>標(biāo)簽用于插入表格, 表格中可以插入多個(gè)圖形, 用<ams:Chart.Graphs></amd:Chart.Graphs>標(biāo)簽來創(chuàng)建圖形. 比如下面的代碼就創(chuàng)建了一個(gè)圖形:

  1.  <ams:StockChart.Charts>   
  2.  <ams:Chart Title="股票價(jià)格" GridHeight="2*">   
  3.  <ams:Chart.Graphs>   
  4.  <ams:Graph GraphType="Candlestick"   
  5.  NegativeBrush="Green" PositiveBrush="Red"   
  6.  LegendItemType="Ohlc" LegendPeriodItemType="Ohlc"   
  7. CursorBrush="Blue" CursorSize="6" />   
  8.  </ams:Chart.Graphs>   
  9. </ams:Chart>   
  10. </ams:StockChart.Charts>  

注意其中的NegativeBrush和PositiveBrush屬性, 如果不指定顏色的話, 就會(huì)默認(rèn)按照美國股市的顏色來顯示. 在美國, 股票漲了用綠色表示, 跌了用紅色表示, 這與中國是完全相反的, 因此需要指定顏色. LegentItemType和LegendPeriodItemType用于指定鼠標(biāo)懸停在圖形上, 圖形上方的信息顯示什么內(nèi)容, 這里我指定的是OHLC, 也就是Open(開盤), High(***價(jià)), Low(***價(jià)), Close(收盤).

除此之外, 在<ams:StockChart.Charts>標(biāo)簽中我們還可以設(shè)置其它屬性, 比如線條顏色, 標(biāo)尺顏色, 信息顯示顏色, 是否顯示日期:

  1. <ams:Chart.DateTimeAxis>   
  2.  <ams:DateTimeAxis ValuesForeground="#90000000" StrokeThickness="0" TickLength="0" />   
  3.  </ams:Chart.DateTimeAxis>   
  4.  <ams:Chart.LeftValueAxis>   
  5.  <ams:ValueAxis ValuesForeground="#90000000"   
  6.  StrokeThickness="0" TickLength="0" />   
  7.  </ams:Chart.LeftValueAxis>   
  8.  <ams:Chart.Legend>   
  9.  <ams:Legend   
  10.  PositiveValueForeground="Red" NegativeValueForeground="Green"   
  11.  IsDateVisible="True"/>   
  12. </ams:Chart.Legend>  

上面的代碼都是產(chǎn)生的K線圖, amCharts控件還可以在K線圖下面畫一個(gè)成交量的柱形圖或者折線圖.

  1. <ams:Chart Title="成交量">   
  2. ams:Chart.Graphs>   
  3. <ams:Graph GraphType="Column"   
  4. LegendItemType="Value" LegendPeriodItemType="Value"   
  5. DataField="Volume" PeriodValue="Sum"   
  6. CursorBrush="Blue" CursorSize="6"   
  7. />   
  8. </ams:Chart.Graphs>   
  9. <ams:Chart.DateTimeAxis>   
  10. <ams:DateTimeAxis ValuesEnabled="False" StrokeThickness="0" />   
  11. </ams:Chart.DateTimeAxis>   
  12. <ams:Chart.LeftValueAxis>   
  13. <ams:ValueAxis ValuesForeground="#90000000"   
  14. StrokeThickness="0" TickLength="0"   
  15. />   
  16. </ams:Chart.LeftValueAxis>   
  17. <ams:Chart.Legend>   
  18. <ams:Legend PositiveValueForeground="Red" NegativeValueForeground="Green" />   
  19. </ams:Chart.Legend>   
  20. </ams:Chart>   
  21. </ams:StockChart.Charts>  

在文章上方截圖的右下角有個(gè)縮放功能, 這個(gè)功能在<ams:StockChart.PeriodSelector></ams:StockChart.PeriodSelector>標(biāo)簽里實(shí)現(xiàn)的:

  1. <ams:StockChart.PeriodSelector>   
  2.  <ams:PeriodSelector CustomPeriodLabelText="自定義間隔:" PresetPeriodLabelText="縮放:"   
  3.  Margin="0,5,0,0">   
  4.  <ams:PeriodSelector.PresetPeriods>   
  5.  <ams:PresetPeriodButton Interval="Day" Quantity="10" ToolTipService.ToolTip="10天" Content="10天" />   
  6. <ams:PresetPeriodButton Interval="Month" Quantity="1" ToolTipService.ToolTip="1個(gè)月" Content="1月" />   
  7. <ams:PresetPeriodButton Interval="Month" Quantity="3" ToolTipService.ToolTip="3個(gè)月" Content="3月" />   
  8.  <ams:PresetPeriodButton Interval="Year" Quantity="1" ToolTipService.ToolTip="1年" Content="1年" />   
  9.  <ams:PresetPeriodButton Interval="Year" Quantity="3" ToolTipService.ToolTip="3年" Content="3年" />   
  10.  <ams:PresetPeriodButton Quantity="NaN" ToolTipService.ToolTip="所有數(shù)據(jù)" Content="***" />   
  11.  </ams:PeriodSelector.PresetPeriods>   
  12. </ams:PeriodSelector>   
  13. </ams:StockChart.PeriodSelector>  

對(duì)數(shù)據(jù)進(jìn)行分析

至此, 關(guān)于控件的界面方面就是這些內(nèi)容. 上面提到了綁定了程序里的Data, 這個(gè)Data是怎么來的呢? 數(shù)據(jù)是從國信金太陽網(wǎng)上交易專業(yè)版里下載的日線數(shù)據(jù), 這個(gè)數(shù)據(jù)格式還是比較有規(guī)則的, ***行表示股票信息, 第二行表示數(shù)據(jù)類型, 接下來就是數(shù)據(jù)了, 每個(gè)數(shù)據(jù)之間用\t制表符分隔開.

先看一下Data的定義:

  1. public List<StockInfo> Data { get; set; }  

當(dāng)選擇了一個(gè)上圖所示的格式的文本文件, 程序會(huì)對(duì)這個(gè)文本文件進(jìn)行解析, 注意從國信金太陽下載的數(shù)據(jù)編碼用的是ANSI編碼. 解析步驟如下:

  1. private List<StockInfo> LoadStockInfo(string fileName)   
  2. {   
  3.  using (Stream resourceStream =new FileStream(fileName, FileMode.Open))   
  4. {   
  5. using (StreamReader reader = new StreamReader(resourceStream, Encoding.GetEncoding("GB2312")))   
  6.  {   
  7.  //讀文本中的每一行   
  8.  var strings = reader.ReadToEnd().Split(new char[] { '\n' }, StringSplitOptions.RemoveEmptyEntries);   
  9. //獲取股票名稱   
  10.  stockName = strings[0].Replace("\r", "");   
  11.  var res = new List<StockInfo>(strings.Length - 2);   
  12. //***行是股票名稱, 第二行是類型名稱, 第3行才是股票數(shù)據(jù)   
  13.  for (int i = 2; i < strings.Length; i++)   
  14. {   
  15.  string line = strings[i];   
  16.  string[] subLines = line.Split('\t');   
  17.  DateTime date = DateTime.Parse(subLines[0]);   
  18. Double open = Double.Parse(subLines[1]);   
  19.  Double high = Double.Parse(subLines[2]);   
  20. Double low = Double.Parse(subLines[3]);   
  21.  Double close = Double.Parse(subLines[4]);   
  22.  Double volumn = Double.Parse(subLines[5]);   
  23.  res.Add(   
  24.  new StockInfo {   
  25.  date = date,   
  26.  open = open,   
  27.  high = high,   
  28.  low = low,   
  29. close = close,   
  30.  volume = volumn   
  31.  });   
  32.  }   
  33.  return res;   
  34.  }   
  35.  }   
  36.  }  

在程序中有一個(gè)按鈕用來打開一個(gè)"打開文件對(duì)話框", 選擇了一個(gè)文件之后, 調(diào)用LoadData方法進(jìn)行數(shù)據(jù)的顯示:

  1. private void LoadData(string path)   
  2.  {   
  3.  Data = LoadStockInfo(path);   
  4.  stockChart.Charts[0].Graphs[0].Title = stockName;   
  5.  stockChart.Charts[1].Graphs[0].Title = stockName;   
  6.  }  

原文鏈接：http://www.cnblogs.com/technology/archive/2011/04/19/2020910.html

【編輯推薦】

  1. 深入淺出WPF
  2. 教你制作一個(gè)簡單的WPF圖片瀏覽器
  3. WPF中兩種不同的視頻流的使用
  4. 新版本W(wǎng)PF功能 彰顯賞心悅目的圖形
  5. C++實(shí)現(xiàn)WPF動(dòng)畫具體操作方法詳解

 

責(zé)任編輯：彭凡 來源： 博客園
amChartsWPF
相關(guān)推薦

2021-01-04 11:10:14

鴻蒙HarmonyOSCanvas

2022-07-21 10:08:59

代碼K線圖

2020-04-08 16:16:52

箱經(jīng)圖Excel數(shù)據(jù)

2013-05-20 16:12:23

2021-12-06 18:22:15

數(shù)據(jù)項(xiàng)目技術(shù)

2009-12-28 17:40:10

WPF TextBox

2009-12-24 16:36:06

WPF InkCanv

2022-10-18 23:53:20

Python數(shù)據(jù)Matplotlib

2023-10-07 11:04:58

WPF數(shù)據(jù)UI

2023-09-28 11:42:15

2010-07-13 10:10:28

WPF

2009-12-24 16:20:43

WPF Tooltip

2009-12-24 09:38:27

WPF用戶線程

2009-12-28 11:34:22

WPF處理消息

2009-12-28 13:28:03

WPF視頻

2009-12-25 17:33:19

WPF TextBlo

2009-12-25 18:12:43

WPF裝飾器

2009-12-25 17:10:51

WPF動(dòng)態(tài)資源

2009-12-25 14:18:03

WPF依賴屬性

2009-12-25 17:58:12

WPF進(jìn)度條
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)