← 返回所有博客文章

初遇。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效果如下图所示:

ImageInit1

 
 
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的横向线和竖向线,颜色等都是需要设置实现的。

 

实现上图所示的样式,示例代码如下所示:

C1Chart_WPF_1.zip (916.09 kb)

 

本章上半部分内容到此结束,我们在下半部分着重介绍如何用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初级教程》系列文章

初遇。Getting Started(上)

初遇。Getting Started(下)

类型。穿Prada的女王(上)

类型。穿Prada的女王(下)

数据。和数据源相关的那些事(一)

数据。和数据源相关的那些事(二)

数据。和数据源相关的那些事(三)

数据。和数据源相关的那些事(四)

标记和标签。撕名牌大战(一)

标记和标签。撕名牌大战(二)

标记和标签。撕名牌大战(三)

导出(PDF,EXCEL) 

多轴图表 

轴的动态绑定

实现轴注释的高级自定义

颜色和大小。数据点的自定义(一)

符号。数据点的自定义(二)

基础介绍。XAML动画(一)

基础介绍。XAML动画(二)

基础介绍。XAML动画(三)

基础介绍。XAML动画(四)