用GDI绘图, 通过数据直接绘制一张蜡柱图, 但觉得这样子的功能比较少, 所以到网上搜索一些能画出K线图的控件. 发现DynamicDataDisplay挺好的, 在它的开发截图里也发现可以绘制蜡柱图, 但文档好像做的不是很好, 不知道怎么用它来画, 在寻找它比较好的例子的时候发现有人推荐用amCharts绘制, 所以便去看了一下, 发现挺好用的, 效果如下:
准备工作
先要去这里下载amCharts Stock Chart for WPF并解压, 新建一个WPF Project, 在Toolbox里右击, 选择Choose Items, 然后点击Browse, 找到解压后的文件夹里有一个AmCharts.Windows.Stock.dll, 单击Okay, 准备工作就做好了.
界面中amCharts控件的配置
<ams:StockChart></ams:StockChart>用于在窗口中添加这样一个控件, 先看看这个控件是怎么绑定数据的:
0 |
< ams:StockChart.DataSets >
|
1 |
< ams:DataSet Name = "stockSet1" Brush = "#7f8da9" |
2 |
ItemsSource = "{Binding Data}" |
4 |
OpenMemberPath = "open" HighMemberPath = "high" |
5 |
LowMemberPath = "low" CloseMemberPath = "close" |
6 |
ValueMemberPath = "close" VolumeMemberPath = "volume" |
8 |
</ ams:StockChart.DataSets > |
其中ItemSource中的Data是在程序里产生的, 它是一个StockInfo类的集合. DataMenberPath, HighMenberPath, LowMenberPath, CloseMenberPath, ValueMenberPath, VolumeMenberPath指定的元素都是Data集合中StockInfo的属性. StockInfo类结构如下:
00 |
public class StockInfo
|
02 |
public DateTime date { get ; set ; }
|
04 |
public double open { get ; set ; }
|
05 |
public double high { get ; set ; }
|
06 |
public double low { get ; set ; }
|
07 |
public double close { get ; set ; }
|
09 |
public double volume { get ; set ; }
|
<ams:StockChart.Charts></ams:StockChart.Charts>标签用于插入表格, 表格中可以插入多个图形, 用<ams:Chart.Graphs></amd:Chart.Graphs>标签来创建图形. 比如下面的代码就创建了一个图形:
0 |
< ams:StockChart.Charts >
|
1 |
< ams:Chart Title = "股票价格" GridHeight = "2*" >
|
3 |
< ams:Graph GraphType = "Candlestick" |
4 |
NegativeBrush = "Green" PositiveBrush = "Red" |
5 |
LegendItemType = "Ohlc" LegendPeriodItemType = "Ohlc" |
6 |
CursorBrush = "Blue" CursorSize = "6" />
|
9 |
</ ams:StockChart.Charts > |
注意其中的NegativeBrush和PositiveBrush属性, 如果不指定颜色的话, 就会默认按照美国股市的颜色来显示. 在美国, 股票涨了用绿色表示, 跌了用红色表示, 这与中国是完全相反的, 因此需要指定颜色. LegentItemType和LegendPeriodItemType用于指定鼠标悬停在图形上, 图形上方的信息显示什么内容, 这里我指定的是OHLC, 也就是Open(开盘), High(最高价), Low(最低价), Close(收盘).
除此之外, 在<ams:StockChart.Charts>标签中我们还可以设置其它属性, 比如线条颜色, 标尺颜色, 信息显示颜色, 是否显示日期:
00 |
< ams:Chart.DateTimeAxis >
|
01 |
< ams:DateTimeAxis ValuesForeground = "#90000000" StrokeThickness = "0" TickLength = "0" />
|
02 |
</ ams:Chart.DateTimeAxis >
|
04 |
< ams:Chart.LeftValueAxis >
|
05 |
< ams:ValueAxis ValuesForeground = "#90000000" |
06 |
StrokeThickness = "0" TickLength = "0" />
|
07 |
</ ams:Chart.LeftValueAxis >
|
11 |
PositiveValueForeground = "Red" NegativeValueForeground = "Green" |
12 |
IsDateVisible = "True" />
|
上面的代码都是产生的K线图, amCharts控件还可以在K线图下面画一个成交量的柱形图或者折线图.
00 |
< ams:Chart Title = "成交量" >
|
02 |
< ams:Graph GraphType = "Column" |
03 |
LegendItemType = "Value" LegendPeriodItemType = "Value" |
04 |
DataField = "Volume" PeriodValue = "Sum" |
05 |
CursorBrush = "Blue" CursorSize = "6" |
09 |
< ams:Chart.DateTimeAxis >
|
10 |
< ams:DateTimeAxis ValuesEnabled = "False" StrokeThickness = "0" />
|
11 |
</ ams:Chart.DateTimeAxis >
|
13 |
< ams:Chart.LeftValueAxis >
|
14 |
< ams:ValueAxis ValuesForeground = "#90000000" |
15 |
StrokeThickness = "0" TickLength = "0" |
17 |
</ ams:Chart.LeftValueAxis >
|
20 |
< ams:Legend PositiveValueForeground = "Red" NegativeValueForeground = "Green" />
|
23 |
</ ams:StockChart.Charts > |
在文章上方截图的右下角有个缩放功能, 这个功能在<ams:StockChart.PeriodSelector></ams:StockChart.PeriodSelector>标签里实现的:
00 |
< ams:StockChart.PeriodSelector >
|
01 |
< ams:PeriodSelector CustomPeriodLabelText = "自定义间隔:" PresetPeriodLabelText = "缩放:" |
03 |
< ams:PeriodSelector.PresetPeriods >
|
04 |
< ams:PresetPeriodButton Interval = "Day" Quantity = "10" ToolTipService.ToolTip = "10天" Content = "10天" />
|
05 |
< ams:PresetPeriodButton Interval = "Month" Quantity = "1" ToolTipService.ToolTip = "1个月" Content = "1月" />
|
06 |
< ams:PresetPeriodButton Interval = "Month" Quantity = "3" ToolTipService.ToolTip = "3个月" Content = "3月" />
|
07 |
< ams:PresetPeriodButton Interval = "Year" Quantity = "1" ToolTipService.ToolTip = "1年" Content = "1年" />
|
08 |
< ams:PresetPeriodButton Interval = "Year" Quantity = "3" ToolTipService.ToolTip = "3年" Content = "3年" />
|
09 |
< ams:PresetPeriodButton Quantity = "NaN" ToolTipService.ToolTip = "所有数据" Content = "最大" />
|
10 |
</ ams:PeriodSelector.PresetPeriods >
|
12 |
</ ams:StockChart.PeriodSelector > |
对数据进行分析
至此, 关于控件的界面方面就是这些内容. 上面提到了绑定了程序里的Data, 这个Data是怎么来的呢? 数据是从国信金太阳网上交易专业版里下载的日线数据, 这个数据格式还是比较有规则的, 第一行表示股票信息, 第二行表示数据类型, 接下来就是数据了, 每个数据之间用\t制表符分隔开.
先看一下Data的定义:
0 |
public List<StockInfo> Data { get ; set ; } |
当选择了一个上图所示的格式的文本文件, 程序会对这个文本文件进行解析, 注意从国信金太阳下载的数据编码用的是ANSI编码. 解析步骤如下:
00 |
private List<StockInfo> LoadStockInfo( string fileName)
|
02 |
using (Stream resourceStream = new FileStream(fileName, FileMode.Open))
|
04 |
using (StreamReader reader = new StreamReader(resourceStream, Encoding.GetEncoding( "GB2312" )))
|
07 |
var strings = reader.ReadToEnd().Split( new char [] { '\n' }, StringSplitOptions.RemoveEmptyEntries);
|
09 |
stockName = strings[0].Replace( "\r" , "" );
|
11 |
var res = new List<StockInfo>(strings.Length - 2);
|
14 |
for ( int i = 2; i < strings.Length; i++)
|
16 |
string line = strings[i];
|
17 |
string [] subLines = line.Split( '\t' );
|
19 |
DateTime date = DateTime.Parse(subLines[0]);
|
20 |
Double open = Double.Parse(subLines[1]);
|
21 |
Double high = Double.Parse(subLines[2]);
|
22 |
Double low = Double.Parse(subLines[3]);
|
23 |
Double close = Double.Parse(subLines[4]);
|
24 |
Double volumn = Double.Parse(subLines[5]);
|
在程序中有一个按钮用来打开一个"打开文件对话框", 选择了一个文件之后, 调用LoadData方法进行数据的显示:
0 |
private void LoadData( string path)
|
2 |
Data = LoadStockInfo(path);
|
3 |
stockChart.Charts[0].Graphs[0].Title = stockName;
|
4 |
stockChart.Charts[1].Graphs[0].Title = stockName;
|
补充: 如何在amCharts控件左上角不显示注册网址
如果使用免费版的amCharts, 控件界面的左上角会显示网址链接(如文章顶图的截图所示), 很影响美观, 如何"友好"的不显示这个链接呢?
经过我调试之后, amCharts的这个网址只会显示在第一个Chart中. 可以在设计界面的时候, 在amCharts里面第一个表格写在那儿, 但我们不用, 在Form_Loaded()事件里写上:
0 |
stockChart.Charts[0].Collapse(); |
相信大家明白我的意思了, 如下图所示, 在控件的左上角就不显示网址了:
分享到:
相关推荐
WPF中使用amCharts绘制股票K线图源码的demo
WPF中使用amCharts绘制股票K线图源码的demo
使用amCharts制作的基于c# wpf的股票K线图源码 开源可修改成自己要的效果
股票K线软件,C# ,wpf实现,上手快,容易学习,编译初学者参考学习,从中可以获得很多收益,可以做为股票市场入门学习资料。
C# .net 股票 K线图 指标 画线 网上多个版本合集 都在有源代码的 大家可以随便下来看看
amcharts 关于wpf的股票开发破解版amcharts 关于wpf的股票开发破解版amcharts 关于wpf的股票开发破解版
WPF Visifire Charts 破解版,可以绘制各种图形
C#WPF 如何绘制几何图形 图示教程 绘制sin曲线 正弦 绘制2D坐标系 有图有代码 . 详细说明 http://blog.csdn.net/wyx100/article/details/42340217
通过WPF绘制曲线图。内含源码,执行程序等相关文件。
用WPF简单实现数据可视化,效果图类似matlab中plot3绘制出的图形,代码中含有三维曲面显示,三维条状图显示等
wpf 利用Grid动态绘制表格 最近需要制作一个表格,但是用listview很不方便,特别是样式方面,还有表格布局等。今天研究了一下直接利用Grid + Border动态绘制表格。
wpf图像路径-绘制齿轮
wpf画图性能的问题,解决方法的示例。Wpf绘制高性能绘制曲线
一个WPFToolKit的图表示例代码及一个WPF K线图的实现源码
c# wpf如何使用Blend工具绘制Control样式.docx
WPF中离散点用光滑线连接,绘制三次方贝塞尔曲线
amChartsforWpf 开发文档。欢迎添加微信zhxunCC(备注CSDN网友)一起交流
WPF+Webbrowser+Echarts+Naduio音频转换像素点位,像素点位转时间x与y关系点位,实现动态时间波形图,时间精确到毫秒。附原始MP3文件转wav文件,项目可直接运行
在WPF中对现有图像进行绘制的两种方法。第二次上传资源。
WPF开发随笔收录-心电图曲线绘制.doc