<vc:Chart x:Name="HourlyChart" Theme="Theme1" Grid.Row="1" xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts" Margin="5" AnimatedUpdate="true" IndicatorEnabled="True" ZoomingEnabled="True" ZoomOutText="返回" ShowAllText="退出" >
AnimatedUpdate:是否动画更新
IndicatorEnabled:是否显示指标(如图中第一个)
ZoomingEnabled:是否可以缩放, ZoomOutText:设置返回上一次缩放操作文本,ShowAllText:设置退出缩放文本
ScrollingEnabled:滚动条是否可用
View3D:是否3D显示
LightingEnabled :是否高亮显示

B: 设置图标题标题
<vc:Chart.Titles>
<vc:Title FontSize="16" Text="测试标题" Padding="6"/>
</vc:Chart.Titles>
C:固定设置图例样式和图例颜色(图例一般根据数据自动生成)
<vc:Chart.Legends >
<vc:Legend Margin="0,9,-52,0" Height="148" VerticalAlignment="Top" HorizontalAlignment="Right" Width="44" >
<vc:Legend.Template>
<ControlTemplate>
<!—图例样式—>
</ControlTemplate>
</vc:Legend.Template>
</vc:Legend>
</vc:Chart.Legends>
DataSeries:数据集
RenderAs: 设置图表显示类型,(枚举值) 设置如:RenderAs = RenderAs.Spline
LabelEnabled 是否显示图表中的文本,文本显示样式LabelStyle="Inside" [LabelStyle=LabelStyles.Inside] 表示文字内嵌 LabelText = "#YValue" //设置
Bevel 是否斜面显示
在RenderAs 设置为Spline时
MarkerType可以设置 节点样式如实例 中的第六个

DataPoint 数据点
A: Title 文本 ,ValueFormatString:XValue数据格式化,IntervalType 间隔方式(枚举值),Interval 间隔值
<vc:Chart.AxesX>
<vc:Axis Title="Month" ValueFormatString="d/MMM" IntervalType="Months" Interval="1">
<vc:Axis.Grids>
<vc:ChartGrid Interval="0.2" InterlacedColor="#0Ae66e6e" />
</vc:Axis.Grids>
</vc:Axis>
</vc:Chart.AxesX>
Logarithmic:y轴刻度对数启用,LogarithmBase:对数基数, Prefix设置y轴文本前缀
<vc:Chart.AxesY>
<vc:Axis Interval="1" Title="Market Share" Logarithmic="True" LogarithmBase="5" LineThickness="0">
<vc:Axis.Grids>
<vc:ChartGrid Interval="0.2" InterlacedColor="#0Ae66e6e" />
</vc:Axis.Grids>
</vc:Axis>
</vc:Chart.AxesY>
具体样式参看第三个图
B: 数据格式化显示

XValue的值格式化:
在DataSeries中使用XValueFormatString格式化文本,显示结果控制显示的是鼠标放上去后tooltips显示的值的文本样式;如下图 XValueFormatString=”hh:mm:ss”
在如下代码中设置 控制的是 X轴文本显示样式 如下图
<vc:Chart.AxesX>
<vc:Axis IntervalType="Hours" Title="Hours" ValueFormatString="hh:mm tt"/>
</vc:Chart.AxesX>

Visifire Chart相关属性详解的更多相关文章

  1. CSS3动画相关属性详解

    本文转载于:<https://blog.csdn.net/lyznice/article/details/54575905> 一.2D效果属性 要使用这些属性,我们需要通过 transfo ...

  2. PyQt(Python+Qt)入门:Designer组件属性编辑界面中QWidget类相关属性详解

    本文适用人员:本文比较长,适合不理解Qt Designer部件属性的人员阅读或资料查找. 声明: 1.如果有人认为本文是简单的复制粘贴+翻译而成,敬请读本文最后的后记: 2.本文为老猿Python学习 ...

  3. Ant build.xml相关属性详解

    关键字: ant build.xml Ant的概念 可能有些读者并不连接什么是Ant以及入可使用它,但只要使用通过Linux系统得读者,应该知道make这个命令.当编译Linux内核及一些软件的源程序 ...

  4. 第15.11节 PyQt(Python+Qt)入门学习:Qt Designer(设计师)组件Property Editor(属性编辑)界面中主窗口QMainWindow类相关属性详解

    概述 主窗口对象是在新建窗口对象时,选择main window类型的模板时创建的窗口对象,如图: 在属性编辑界面中,主窗口对象与QMainWindow相关的属性包括:iconSize.toolButt ...

  5. 第八章、Designer组件属性编辑界面中QWidget类相关属性详解

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 声明:本文为老猿Python学习研究精心整理而成,禁止转载. 内容提纲 引言概述QWidget属性列 ...

  6. 第15.10节 PyQt(Python+Qt)入门学习:Qt Designer可视化设计界面组件与QWidget类相关的组件属性详解

    PyQt学习有阵子了,对章节的骨架基本考虑好了,准备本节就写组件的属性的,结果一是日常工作繁忙,经常晚上还要加班,二是Qt的组件属性很多,只能逐一学习.研究和整理,花的时间有点长,不过终于将可视化设计 ...

  7. [转帖]helm模板文件chart编写语法详解

    helm模板文件chart编写语法详解 https://blog.51cto.com/qujunorz/2421328 需要学习一下. charts编写介绍 开始 快速创建一个chart模板,helm ...

  8. OutputCache属性详解(二)一 Location

    目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) OutputCache属性详解(四)— SqlD ...

  9. OutputCache属性详解(四)— SqlDependency

    目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) OutputCache属性详解(四)— SqlD ...

随机推荐

  1. gridview安卓实现单行多列横向滚动

    <GridLayout android:layout_width="match_parent" android:layout_height="match_paren ...

  2. plain framework 1 一款主要用于网络(游戏)开发的C/C++开源框架 安装篇 updated

    上次介绍了一下plain framework的基础相关资料,今天该框架正式开源发布.项目的地址托管于github上,我相信大多数朋友都应该知道.今天要介绍的是该框架的目录基本结构,以及分别在linux ...

  3. 【IDEA】intellij idea 插件推荐

    CSDN 2016博客之星评选结果公布    [系列直播]零基础学习微信小程序!      "我的2016"主题征文活动   博客的神秘功能 [IDEA]intellij idea ...

  4. Docker初体验

    ## Docker初体验 安装 因为我用的是mac,所以安装很简单,下载dmg下来之后拖拽安装即可完成. 需要注意的就是由于之前的docker是基于linux开发,不支持mac,所以就出现了docke ...

  5. mybatis关联映射

    多对一: <!-- 方法一: --> <select id="getNewsListByPage" parameterType="com.zqc.sha ...

  6. Nginx模块之http.md

    ngx_http_access_module ngx_http_access_module模块允许限制对某些客户端地址的访问. 访问也可以通过密码,子请求的结果或JWT来限制. 通过地址和密码的同时访 ...

  7. background-image和img的区别

    background-img的时候外边的div必须有宽和高.并且你只能决定图片位于你div的位置不能拉伸图片,或者改变图片的宽高.但是background-image是可以重复的,所以只要你的图片不是 ...

  8. #define与typedef在重定义类型中的区别

    #define 为完全的替换 typedef 重新定一个数据类型 eg #define charp1 char* typedef char* charp2charp1 a,b; //a char* b ...

  9. selector 使用说明

    android:state_pressed=["true" | "false"]//是否触摸 android:state_focused=["true ...

  10. NSObject+YYModel.h

    01 - nil Nil NULL NSNull kCFNull  的区别 参考:http://www.jianshu.com/p/3aaefb3bcf73 02 - __bridge,__bridg ...