WPF 曲线图表控件（自制）（一）

由于公司需要所以自写了一个简单的曲线图表控件，在此分享。先上一张效果图

1.界面xaml
X轴和Y轴用 2个line对象写死在xaml上

    外部用一个Grid包裹起来，然后X轴的宽度，和Y轴的高度就是绑定下来就好。为了方便起见我的X轴和Y轴又分别用Canvas进行包装，然后分别在对应包装的Canvas里面就可以添加刻度的Textblock

<Canvas Name="X_Axis" Height="40" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="{Binding ElementName=PicAre,Path=ActualWidth}"><Line Stroke="Black" StrokeThickness="3"   StrokeStartLineCap="Round" X1="0" Y1="5" X2="{Binding ElementName=X_Axis,Path=Width}" Y2="5" Width="{Binding ElementName=PicAre,Path=ActualWidth}" Height="10" ></Line></Canvas><Canvas Width="40" Name="Y_Axis" Height="{Binding ElementName=PicAre,Path=ActualHeight}" Margin="0,0,0,0" HorizontalAlignment="Left"><Line Canvas.Left="30" Stroke="Black" StrokeThickness="3"  StrokeStartLineCap="Round" X1="5" Y1="{Binding ElementName=Y_Axis,Path=Height}" X2="5" Y2="0" Height="{Binding ElementName=PicAre,Path=ActualHeight}" Width="10" Fill="Black"></Line></Canvas>

    画线区就由3个Canvas 组成，第一个是最外围。

    然后是里面添加2个Canvas 大小和外框一样大。一个用于添加背景中的网格线，另一个用于添加线和点。用于添加线和点的Canvas Size可以改变毕竟可以缩放和拖动的，但是背景网格线的就可以直接绑定外框。然后就是在右上角的地方在Grid层添加一个stackpanel 用于放标签。左上角的黄色按钮用于还原缩放和拖动。界面的大致布局就这样，下一章将代码部分。

WPF 曲线图表控件（自制）（一）相关推荐

WPF 曲线图表控件（自制）（二）
原文:WPF 曲线图表控件(自制)(二) 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/koloumi/article/details/775218 ...
Android-自定义贝塞尔曲线图表控件渐近色
之前在项目是哪个用到了渐进色曲线,搜索了贝塞尔曲线的实现原理,仔细读了这篇文章后,弄懂了实现原理自己实现了一份.https://blog.csdn.net/devallever/article/det ...
可用于wpf的图表控件：WPFTookit Chart
当前项目需要一个图表控件,尝试用过mschart和livechart,都不是很满意.这里试一下WPFToolkit.DataVisualization. 引用dll,通过nuget包管理器下载WPFT ...
WPF Visifire图表控件使用基础
https://www.cnblogs.com/wyuan/archive/2012/07/22/WPF.html 引言: 由于项目中需要使用Visifire所以自己就写了一些demo,大家一起共享! ...
OxyPlot.Wpf 图表控件使用备忘
OxyPlot.Wpf 图表控件使用备忘目录 OxyPlot.Wpf 图表控件使用备忘一.OxyPlot.Wpf 控件信息二.基本概念 (一) PlotView 和 Plot (二) PlotM ...
labview波形图两个游标,LabVIEW数据可视化：使用波形图表控件逐点显示曲线的方法...
LabVIEW平台中提供了强大的2D/3D数据的可视化控件,如波形图.波形图表.XY图.强度图.数字波形图.混合信号图.二维/三维图片及用于特殊用途的极坐标图.Smith图.雷达图控件等. 上篇文章: ...
wpf 图表控件_LightningChart为外汇衍生品交易商提供数据可视化图表支持
今天,我在这里介绍一下Arction的LightningChart图表控件在外汇和外汇衍生品交易中的应用. FXVolQuant作为外汇交易商的前沿数据驱动平台,由kuma.capital开发和维护, ...
C# WPF图表控件之ChartControl用法指南①
" 引言部分,总领全篇文章的中心内容." WPF的DevExpress ChartControl是一种功能强大的可视化工具,可帮助您将数据显示为二维或伪三维条形图.区域.线和许多其 ...
Visifire WPF 图表控件破解
可能用WPF生成过图表的开发人员都知道,WPF虽然本身的绘图能力强大,但如果每种图表都自己去实现一次的话可能工作量就大了, 尤其是在开发时间比较紧的情况下.这时候有必要借助一种专业的图表工具. Vis ...

WPF 曲线图表控件（自制）（一）

WPF 曲线图表控件（自制）（一）相关推荐

最新文章

热门文章