Visifire图表控件的使用「建议收藏」

Visifire图表控件的使用「建议收藏」1.在实际项目开展中,往往会牵扯到需要绘制图表的情况。而Visifire是一个比较美观大方的第三方图表控件,本文会讲述如何初步使用Visifire控件。首先我们需要从Visifire的官方网站下载:http://www.visifire.com/,新建一个项目,引入SLVisifire.Charts.dll。在MainPage.xaml.cs代码中添加代码:usingVisifire.Charts;准备工作做好了,此时我在这里直接编写了一个函数如下://////创建一个图表/////

大家好,又见面了,我是你们的朋友全栈君。

1.在实际项目开展中,往往会牵扯到需要绘制图表的情况。而Visifire是一个比较美观大方的第三方图表控件,本文会讲
述如何初步使用Visifire控件。
首先我们需要从Visifire的官方网站下载:http://www.visifire.com/,新建一个项目,引入SLVisifire.Charts.dll。在
MainPage.xaml.cs代码中添加代码:using Visifire.Charts;
准备工作做好了,此时我在这里直接编写了一个函数如下:
///
/// 创建一个图表
///
/// 表名字
/// 时间段的集合
/// 对应时间段集合的值
/// 本表在主Grid里面的ROW值
/// 本表在主Grid里面的column值
/// Y轴的后缀
/// 时间段间隔
/// 图表两点之间的间隔
/// 图表的X轴坐标按什么来分类,如时分秒
public void CreateChart(string tableName, List updateTime,
List value, int row, int column, string rihgtStr, TimeSpan
tspan, int chartInterval, IntervalTypes intervaltype)
{

// 创建一个图标
Chart chart = new Chart();
// 设置图标的宽度和高度
chart.Width = 500;
chart.Height = 400;
chart.ToolBarEnabled = true;
// 设置图标的属性
chart.ScrollingEnabled = false;
chart.View3D = true;
// 创建一个标题的对象
Title title = new Title();
// 设置标题的名称
title.Text = tableName;
title.Padding = new Thickness(0, 10, 5, 0);
// 向图标添加标题
chart.Titles.Add(title);
// 初始化一个新的Axis
Axis xAxis = new Axis();
// 设置axis的属性
//图表的X轴坐标按什么来分类,如时分秒
xAxis.IntervalType = intervaltype;
//图表中的X轴坐标间隔如2,3,20等,单位为xAxis.IntervalType设置的时分
秒。
xAxis.Interval = chartInterval;
//设置X轴的时间显示格式为7-10 11:20
xAxis.ValueFormatString = “hh:mm:ss”;
//给图标添加Axis
chart.AxesX.Add(xAxis);
Axis yAxis = new Axis();
//设置图标中Y轴的最小值永远为0
yAxis.AxisMinimum = 0;
//设置图表中Y轴的后缀
yAxis.Suffix = rihgtStr;
chart.AxesY.Add(yAxis);
for (Int32 j = 0; j < 1; j++)
{

// 创建一个新的数据线。
DataSeries dataSeries = new DataSeries();
// 设置数据线的格式。
dataSeries.RenderAs = RenderAs.Line;
dataSeries.XValueType = ChartValueTypes.DateTime;
// 设置数据点
DataPoint dataPoint;
for (int i = 0; i < updateTime.Count; i++)
{

// 创建一个数据点的实例。
dataPoint = new DataPoint();
// 设置X轴点
dataPoint.XValue = updateTime[i];
//设置Y轴点
dataPoint.YValue = double.Parse(value[i]);
通过此函数我们可以很方便的创建了一个Visifire图表,其创建的步骤那些我在这里不细说,大家直接看源码上的注释
就可以了。因为我使用的Visifire是免费的版本,所有会有水印,在使用的过程中可以创建一个白色背景的StackPanel
来遮盖住水印的位置。在这个函数执行的时候,还为每个DataPoint点加载了一个点击事件,处理当这些点被点击之后
触发的事件(在事件里面获取DataPoint的X轴,Y轴等,以便进行相关操作),其源码如下:
dataPoint.MarkerSize = 8;
dataPoint.Tag = tableName.Split(’(’)[0];
//设置数据点颜色
// dataPoint.Color = new SolidColorBrush(Colors.LightGray);
dataPoint.MouseLeftButtonDown += new
MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
//添加数据点
dataSeries.DataPoints.Add(dataPoint);
}
// 添加数据线到数据序列。
chart.Series.Add(dataSeries);
}
//将生产的图表增加到Grid,然后通过Grid添加到上层Grid.
Grid gr = new Grid();
gr.Children.Add(chart);
Grid.SetRow(gr, row);
Grid.SetColumn(gr, column);
gr.Margin = new Thickness(5);
gr.VerticalAlignment = VerticalAlignment.Top;
gr.HorizontalAlignment = HorizontalAlignment.Left;
//增加一个遮罩层到gr,将visifire的水印遮掉。
StackPanel sp = new StackPanel();
sp.Width = 160;
sp.Height = 18;
sp.Margin = new Thickness(0, 3, 6, 0);
sp.VerticalAlignment = VerticalAlignment.Top;
sp.HorizontalAlignment = HorizontalAlignment.Right;
sp.Background = new SolidColorBrush(Colors.White);
gr.Children.Add(sp);
LayoutRoot.Children.Add(gr);
}
最后我们模拟一个内存使用率的图标,设置了8个时间点的8个内存使用值的初始值。在MainPage.xaml.cs的主函数中
我们编写以下代码:
一个Visifire图表的组成如下图:
void dataPoint_MouseLeftButtonDown(object sender, MouseButtonEventArgs
e)
{

DataPoint dp = sender as DataPoint;
MessageBox.Show(dp.YValue.ToString());
}
public MainPage()
{

InitializeComponent();
//模拟的8个时间点
List DTimeList = new List()
{

new DateTime(2010,2,15,7,11,03),
new DateTime(2010,2,15,7,12,03),
new DateTime(2010,2,15,7,13,03),
new DateTime(2010,2,15,7,14,03),
new DateTime(2010,2,15,7,15,03),
new DateTime(2010,2,15,7,16,03),
new DateTime(2010,2,15,7,17,03),
new DateTime(2010,2,15,7,18,03)
};
//模拟的8个内存使用率值
List strList = new List() { “20”, “55”, “40”, “70”,
“57”, “12”, “49”, “60” };
//按照1分钟的间隔来显示X轴坐标之间的数字。每隔20秒为一个单位长度,Y轴值的
后缀为”%”
CreateChart(“内存使用率”, DTimeList, strList, 0, 0, “%”, new
TimeSpan(0,0,20) , 1, IntervalTypes.Minutes);
}


由上图我们可以看出一个Visifire图表由
(Title,ChartGrid,Ticks,PlotArea,TrendLind,ToolTip,AxisLabels,Axis,DataSeries,DataPoint,Legend)组成。每个部分
都是一个类,所以我们在使用Visifire过程中,如果有什么需要修改的地方,直接在后台创建图表的时候,修改相应的
类就可以了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/162786.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 树莓派开发笔记(十):Qt读取ADC模拟量电压(ADS1115读取电压模拟量)

    树莓派开发笔记(十):Qt读取ADC模拟量电压(ADS1115读取电压模拟量)若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936本文章博客地址:https://blog.csdn.net/qq21497936/article/details/102524577目录前话Demo运行效果Demo:电压模拟量采集ADS1115实物特点引脚图与访问地址多个ADS1115连接(单级…

    2022年10月25日
  • mybatisCodeHelperPro安装详解(ideal2021版本)「建议收藏」

    mybatisCodeHelperPro安装详解(ideal2021版本)「建议收藏」文章目录一、资源下载二、卸载旧版本插件三、将下载下来的mybatisCodeHelperPro放入到ideal安装路径内的plugins中四、启动ideal激活插件4.1打开记录界面4.2激活插件一、资源下载二、卸载旧版本插件三、将下载下来的mybatisCodeHelperPro放入到ideal安装路径内的plugins中四、启动ideal激活插件4.1打开记录界面Tools—MybatisCodeHelper—Activation4.2激活插件五、验证功能…

  • 我为什么会贫穷

    我为什么会贫穷

  • lombok插件介绍「建议收藏」

    lombok插件介绍「建议收藏」Lombok项目是一个java库,它可以自动插入到编辑器和构建工具中,增强java的性能。不要再写另一个getter或equals方法,只要有一个注释,你的类就有一个功能齐全的构建器,自动记录变量等等。lombok插件大大减少了java开发的工作量,让程序员更加关注业务逻辑的实现。实现的方法举例:get/set/toString/equals/hashCode/无参构造函数/全参构造函数等。lombok插件注解@Data//data是lombok使用最多的注解,自动生成get/set/

  • Django(24)永久重定向和临时重定向[通俗易懂]

    Django(24)永久重定向和临时重定向[通俗易懂]重定向重定向分为永久重定向和临时重定向,在页面上体现的操作就是浏览器会从一个页面自动跳转到另外一个页面。比如用户访问了一个需要权限的页面,但是该用户当前并没有登录,因此我们应该给他重定向到登录页面。

  • 【idea】推荐一个idea翻译插件:Translation「建议收藏」

    【idea】推荐一个idea翻译插件:Translation「建议收藏」打开settings-plugins,打开Browserepositories(如图):搜索”Translation”,往下找,找到图中插件install即可(我是已经安装了的)我的插件版本现在是支持谷歌、有道、百度三种翻译,其中有道和百度的需要填写应用id及secret等才能用,这个需要到有道智云(百度的没有试过)申请。使用很简单:选中单词或者段落ctrl+shift+…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号