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

準備工作

先要去這裡下載amCharts Stock Chart并解壓, 新建一個WPF Project, 在Toolbox裡右擊, 選擇Choose Items, 然後點擊Browse, 找到解壓後的文件夾裡有一個AmCharts.Windows.Stock.dll, 單擊Okay, 準備工作就做好了.

界面中amCharts控件的配置

用于在窗口中添加這樣一個控件, 先看看這個控件是怎麼綁定數據的:

其中ItemSource中的Data是在程序裡産生的, 它是一個StockInfo類的集合. DataMenberPath, HighMenberPath, LowMenberPath, CloseMenberPath, ValueMenberPath, VolumeMenberPath指定的元素都是Data集合中StockInfo的屬性. StockInfo類結構如下:

public class StockInfo { public DateTime date { get; set; } public double open { get; set; } public double high { get; set; } public double low { get; set; } public double close { get; set; } public double volume { get; set; } }

标簽用于插入表格, 表格中可以插入多個圖形, 用标簽來創建圖形. 比如下面的代碼就創建了一個圖形:

注意其中的NegativeBrush和PositiveBrush屬性, 如果不指定顔色的話, 就會默認按照美國股市的顔色來顯示. 在美國, 股票漲了用綠色表示, 跌了用紅色表示, 這與中國是完全相反的, 因此需要指定顔色. LegentItemType和LegendPeriodItemType用于指定鼠标懸停在圖形上, 圖形上方的信息顯示什麼内容, 這裡我指定的是OHLC, 也就是Open(開盤), High(最高價), Low(最低價), Close(收盤).

除此之外, 在标簽中我們還可以設置其它屬性, 比如線條顔色, 标尺顔色, 信息顯示顔色, 是否顯示日期:

上面的代碼都是産生的K線圖, amCharts控件還可以在K線圖下面畫一個成交量的柱形圖或者折線圖.

在文章上方截圖的右下角有個縮放功能, 這個功能在标簽裡實現的:

對數據進行分析

至此, 關于控件的界面方面就是這些内容. 上面提到了綁定了程序裡的Data, 這個Data是怎麼來的呢? 數據是從國信金太陽網上交易專業版裡下載的日線數據, 這個數據格式還是比較有規則的, 第一行表示股票信息, 第二行表示數據類型, 接下來就是數據了, 每個數據之間用\t制表符分隔開.

先看一下Data的定義:

public List Data { get; set; }

當選擇了一個上圖所示的格式的文本文件, 程序會對這個文本文件進行解析, 注意從國信金太陽下載的數據編碼用的是ANSI編碼. 解析步驟如下:

private List LoadStockInfo(string fileName) { using (Stream resourceStream =new FileStream(fileName, FileMode.Open)) { using (StreamReader reader = new StreamReader(resourceStream, Encoding.GetEncoding("GB2312"))) { //讀文本中的每一行 var strings = reader.ReadToEnd.Split(new char[] { '\n' }, StringSplitOptions.RemoveEmptyEntries); //獲取股票名稱 stockName = strings[0].Replace("\r", ""); var res = new List(strings.Length - 2); //第一行是股票名稱, 第二行是類型名稱, 第3行才是股票數據 for (int i = 2; i < strings.Length; i ) { string line = strings[i]; string subLines = line.Split('\t'); DateTime date = DateTime.Parse(subLines[0]); Double open = Double.Parse(subLines[1]); Double high = Double.Parse(subLines[2]); Double low = Double.Parse(subLines[3]); Double close = Double.Parse(subLines[4]); Double volumn = Double.Parse(subLines[5]); res.Add( new StockInfo { date = date, open = open, high = high, low = low, close = close, volume = volumn }); } return res; } } }

在程序中有一個按鈕用來打開一個"打開文件對話框", 選擇了一個文件之後, 調用LoadData方法進行數據的顯示:

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

補充: 如何在amCharts控件左上角不顯示注冊網址

如果使用免費版的amCharts, 控件界面的左上角會顯示網址鍊接(如文章頂圖的截圖所示), 很影響美觀, 如何"友好"的不顯示這個鍊接呢?

經過我調試之後, amCharts的這個網址隻會顯示在第一個Chart中. 可以在設計界面的時候, 在amCharts裡面第一個表格寫在那兒, 但我們不用, 在Form_Loaded事件裡寫上:

stockChart.Charts[0].Collapse;

相信大家明白我的意思了, 如下圖所示, 在控件的左上角就不顯示網址了（相關問答：amCharts制作的圖表裡面的網址水印如何消除？）:

本站文章除注明轉載外，均為本站原創或翻譯

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!