初遇。Getting Started(上)
这是一个美好的一天,你在WPF平台下遇到了C1Chart。
第一眼的相遇,你有点手足无措,不知道该怎么办。你要相信任何的相遇都是值得期待的,何况我还为你准备了一个超级宝典,帮助你去认识它。
你所需要做的,就是准备好你的软件环境,然后阅读本文。
如何找到C1Chart
第一步我们需要找到C1Chart,它究竟会出现在哪里呢?
1.默认情况
通常情况下,安装产品后,C1Chart控件就会出现在VisualStudio的工具箱里。
你只需要从工具箱里拖到XAML设计页面,就会自动生成一个C1Chart控件,也会添加相关的XAML代码。XAML代码会分成两部分:
一是定义System和C1.WPF.C1Chart前缀。代码参考:
xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
二是自动生成C1Chart的XAML代码,如下:
<c1:C1Chart >
<c1:C1Chart.Data>
<c1:ChartData ItemNames="P1 P2 P3 P4 P5">
<c1:DataSeries Label="Series 1" RenderMode="Default" Values="20 22 19 24 25"/>
<c1:DataSeries Label="Series 2" RenderMode="Default" Values="8 12 10 12 15"/>
</c1:ChartData>
</c1:C1Chart.Data>
<c1:C1ChartLegend/>
</c1:C1Chart>
生成的C1Chart效果如下图所示:
2.安装路径
C1Chart的引用全名是C1.WPF.C1Chart.4.dll,在系统盘的Program File文件夹下。具体的路径是:
32位:C:\Program Files\ComponentOne\Studio for WPF\bin\v4
64位:C:\Program Files (x86)\ComponentOne\Studio for WPF\bin\v4
3.示例
C1Chart for WPF提供VB和C#语言的随机安装示例。
安装产品后,示例会安装在系统盘下,具体路径如下:
C:\Users\【用户名】\Documents\ComponentOne Samples\Studio for WPF\C1.WPF.Chart
快速了解秘籍
为了快速掌握C1Chart,先跟着我了解它吧。
理解主要属性是如何对应组成图表元素是非常必要的,如下图表就来阐述你所需要的知道的部分。
图上介绍了最常见的C1Chart的状态,即ChartType是Column的类型。
结合自动生成的XAML代码来看,拖拽一个C1Chart到页面,会自动生成图标的Legend, ChartData.ItemNames,Chart.View.AxisX,Chart.View.AxisY以及数据相关的ChartData.Children。
其他部分,包含X轴和Y轴的标题和标题方向,Axis的横向线和竖向线,颜色等都是需要设置实现的。
实现上图所示的样式,示例代码如下所示:
本章上半部分内容到此结束,我们在下半部分着重介绍如何用C#代码和XAML代码实现图上的样式。
C1Chart的在线英文产品文档地址:
http://helpcentral.componentone.com/nethelp/c1wpfchart/#!Documents/componentonechartforwpf.htm
如果你对C1Chart感兴趣,请到我们的官网下载最新版本:/developer/componentone-winform/controls/chart
如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn/showforum-68.html
《C1Chart for WPF初级教程》系列文章: