telerik ChartGrid浅谈
在最近接触的项目中,有很多都是以Chart图表的方式呈现出来的,关于telerik Chart的使用,有几个小点跟大家分享一下。
1:本例子使用的Chart的命名空间为
xmlns:telerik=http://schemas.telerik.com/2008/xaml/presentation
2.如何增加数据源
Chart中可以有多喝Series,每个Serie表示一个数据源,实际呈现即为一条曲线
其中,Serie的类型有 折线,平滑曲线,区域,虚线等。
3.坐标轴
坐标轴可分为纯数据坐标轴和时间坐标轴,可随意组成坐标系
4.背景网格样式
telerik Chart的背景网格被分为横轴和纵轴,支持用Brush填充,在构造背景网格时,有两种方式
4.1 直接写线的样式 背景网格其实就是一纵一横两条线,telerik Chart会自动平铺组合
<!--背景网格样式-->
<telerik:RadCartesianChart.Grid>
<telerik:CartesianChartGrid MajorLinesVisibility="XY"
MajorXLineDashArray="10,2"
MajorXLineStyle="{StaticResource XLine的样式}"
MajorYLineStyle="{StaticResource YLine的样式}"
StripLinesVisibility="XY">
</telerik:CartesianChartGrid>
</telerik:RadCartesianChart.Grid>
4.2 用Brush填充
<telerik:RadCartesianChart.Grid>
<telerik:CartesianChartGrid MajorLinesVisibility="XY"
StripLinesVisibility="XY">
<telerik:CartesianChartGrid.XStripeBrushes>
<ImageBrush ImageSource="/IDriveTouch;component/Resource/Images/VLine.png" />
</telerik:CartesianChartGrid.XStripeBrushes>
<telerik:CartesianChartGrid.YStripeBrushes>
<SolidColorBrush Color="Transparent" />
<SolidColorBrush Color="#FFFFFF"
Opacity="0.10196078431372549" />
</telerik:CartesianChartGrid.YStripeBrushes>
</telerik:CartesianChartGrid>
</telerik:RadCartesianChart.Grid>
5.示例代码如下
<telerik:RadCartesianChart x:Name="chart"
Width="1184"
Height="770"
HorizontalAlignment="Left"
VerticalAlignment="Top"> <!--数据源-->
<telerik:LineSeries CategoryBinding="Category"
ValueBinding="Value"
x:Name="userInput"
PointTemplate="{StaticResource PointTemplate}"
Stroke="#26FFA8"
StrokeThickness="2" />
<!--数据源-->
<telerik:LineSeries CategoryBinding="Category"
ValueBinding="Value"
x:Name="StandardInput"
Stroke="#26FFA8"
StrokeThickness="2" />
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:DateTimeContinuousAxis x:Name="xZhou"
MajorStepUnit="Second"
Minimum="2000.1.1 00:00:00"
Width="1133"
LineStroke="#FFFFFF"
LineThickness="2"
LabelTemplate="{StaticResource WhiteTemplateX}">
</telerik:DateTimeContinuousAxis >
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis x:Name="VAxis"
Maximum="80"
Height="729"
LineStroke="#FFFFFF"
LineThickness="2"
LabelTemplate="{StaticResource WhiteTemplateY}" />
</telerik:RadCartesianChart.VerticalAxis>
<!--背景网格样式-->
<telerik:RadCartesianChart.Grid>
<telerik:CartesianChartGrid MajorLinesVisibility="XY"
MajorXLineDashArray="10,2"
MajorXLineStyle="{StaticResource XLineStyle}"
MajorYLineStyle="{StaticResource YLineStyle}"
StripLinesVisibility="XY">
</telerik:CartesianChartGrid>
</telerik:RadCartesianChart.Grid>
</telerik:RadCartesianChart>
telerik ChartGrid浅谈的更多相关文章
- 浅谈 Fragment 生命周期
版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰 源码:AndroidDemo/Fragment 文中如有纰漏,欢迎大家留言指出. Fragment 是在 Android 3.0 中 ...
- 浅谈 LayoutInflater
浅谈 LayoutInflater 版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰 源码:AndroidDemo/View 文中如有纰漏,欢迎大家留言指出. 在 Android 的 ...
- 浅谈Java的throw与throws
转载:http://blog.csdn.net/luoweifu/article/details/10721543 我进行了一些加工,不是本人原创但比原博主要更完善~ 浅谈Java异常 以前虽然知道一 ...
- 浅谈SQL注入风险 - 一个Login拿下Server
前两天,带着学生们学习了简单的ASP.NET MVC,通过ADO.NET方式连接数据库,实现增删改查. 可能有一部分学生提前预习过,在我写登录SQL的时候,他们鄙视我说:“老师你这SQL有注入,随便都 ...
- 浅谈WebService的版本兼容性设计
在现在大型的项目或者软件开发中,一般都会有很多种终端, PC端比如Winform.WebForm,移动端,比如各种Native客户端(iOS, Android, WP),Html5等,我们要满足以上所 ...
- 浅谈angular2+ionic2
浅谈angular2+ionic2 前言: 不要用angular的语法去写angular2,有人说二者就像Java和JavaScript的区别. 1. 项目所用:angular2+ionic2 ...
- iOS开发之浅谈MVVM的架构设计与团队协作
今天写这篇博客是想达到抛砖引玉的作用,想与大家交流一下思想,相互学习,博文中有不足之处还望大家批评指正.本篇博客的内容沿袭以往博客的风格,也是以干货为主,偶尔扯扯咸蛋(哈哈~不好好工作又开始发表博客啦 ...
- Linux特殊符号浅谈
Linux特殊字符浅谈 我们经常跟键盘上面那些特殊符号比如(?.!.~...)打交道,其实在Linux有其独特的含义,大致可以分为三类:Linux特殊符号.通配符.正则表达式. Linux特殊符号又可 ...
- 浅谈Angular的 $q, defer, promise
浅谈Angular的 $q, defer, promise 时间 2016-01-13 00:28:00 博客园-原创精华区 原文 http://www.cnblogs.com/big-snow/ ...
随机推荐
- Cocos2d-x学习笔记(16)(常见22种特效)
1.CCShaky3D::create(int range.bool shakeZ,const ccGridSize& gridSize,float duration)//创建一个3D晃动的特 ...
- Objective-C基础笔记(8)Foundation经常使用类NSString
一.创建字符串的方法 void stringCreate(){ //方法1 NSString *str1 = @"A String!"; //方法2 NSString *str2 ...
- 访问Ext.ComponentMgr中的组件对象
Ext.Component是所有Ext组件的基类,所有组件被注册在布局管理器中Ext.ComponentManager, 这样就可以通过Ext.getCmp随时被引用,每种组件都有特定的类型,是Ext ...
- 修改VNC的分辨率
http://blog.csdn.net/jlds123/article/details/9064437 有时候用VNC View打开远程linux桌面时,桌面显示不出来,只有一个灰色背景加上一个命令 ...
- 适合前端开发的 Chrome 扩展有哪些?(十款)
适合前端开发的 Chrome 扩展有哪些?(十款) 一.总结 好的插件或者框架对程序员的意义重大. 二.适合前端开发的 Chrome 扩展有哪些?(十款) 掘金是一个高质量的技术社区,从 ECMASc ...
- [javase学习笔记]-6.5 类类型參数与匿名对象
这一节我们来说说类类型參数和匿名对象. 我们继续用之前的小汽车类吧 class Car { int num;//这是轮胎数属性 String color;//这是颜色属性 String brand;/ ...
- [Angular] @ContentChild and ngAfterContentInit
@ContentChild normally works with ngAfterContentInit lifecycle. @ContentChild is used for looking in ...
- 使用JSONlib简单的转换json操作
在使用jsonlib操作之前 需要引入json及5个依赖包,依赖包版本不能最新,lang与collections有不兼容现象. 官方地址:http://json-lib.sourceforge.net ...
- 深度剖析:最新云端开发工具如何实现敏捷+DevOps开发落地
相信很多软件开发人员们对今年国内新兴的云端开发工具——华为软件开发云都有耳闻,有些人可能还免费体验过,由于它5人以下的团队是免费使用的,很庆幸本人的这个项目正好5个人,就注册使用了.下面就自己的使用心 ...
- 【21.21%】【codeforces round 382D】Taxes
time limit per test2 seconds memory limit per test256 megabytes inputstandard input outputstandard o ...