WPF实现绘制折线图的示例代码.docxVIP

第

WPF实现绘制折线图的示例代码

1）新增ChartBase代码如下：

1.绘制X轴：根据控件的宽度和数据的数量计算出图表的宽度，并在底部绘制X轴。

2.绘制Y轴虚线：绘制一系列垂直的短线来代表Y轴的虚线。

3.绘制Y轴数值文本：在Y轴虚线的旁边绘制对应的数值文本。

4.计算刻度值：根据数据的最大值和设定的行数来计算Y轴上每个刻度的值。

5.绘制Y轴线：在每个刻度值的位置绘制一条线来代表Y轴。

6.绘制Y轴数值文本：在每个刻度的位置绘制对应的数值文本。

xAxiHeight设定X轴的高度

StartY设定Y轴的起始位置

width计算图表的宽度

IntervalYY轴的间隔初始化为0

x当前X轴的位置

y当前Y轴的位置加上画笔高度

drawingContext.DrawSnappedLinesBetweenPoints(myPen,myPen.Thickness,newPoint(StartX,StartY),newPoint(width,StartY));绘制X轴

drawingContext.DrawSnappedLinesBetweenPoints(myPen,myPen.Thickness,points.ToArray());绘制底部X轴的齿距

drawingContext.DrawText(formattedText,newPoint(StartX-formattedText.Width-10,yAxis-formattedText.Height/2));绘制Y轴的数值

drawingContext.DrawSnappedLinesBetweenPoints(xAxisPen,xAxisPen.Thickness,points.ToArray());绘制Y轴上的线

publicclassChartBase:Control

publicstaticreadonlyDependencyPropertyDatasProperty=

DependencyProperty.Register(Datas,typeof(IEnumerableKeyValuePairstring,double),

typeof(ChartBase),newUIPropertyMetadata(DatasChanged));

staticChartBase()

DefaultStyleKeyProperty.OverrideMetadata(typeof(ChartBase),

newFrameworkPropertyMetadata(typeof(ChartBase)));

protecteddoubleRows{get;}=5;

protecteddoubleInterval{get;}=120;

protectedshortScaleFactor{get;privateset;}=80;

protectedBrushChartFill{get;privateset;}

protecteddoubleStartX{get;privateset;}

protecteddoubleStartY{get;privateset;}

protecteddoubleMaxY{get;}

protecteddoubleIntervalY{get;privateset;}

protectedBrushNormalBrush=ControlsHelper.PrimaryNormalBrush;

publicIEnumerableKeyValuePairstring,doubleDatas

get=(IEnumerableKeyValuePairstring,double)GetValue(DatasProperty);

set=SetValue(DatasProperty,value);

privatestaticvoidDatasChanged(DependencyObjectd,DependencyPropertyChangedEventArgse)

varctrl=dasChartBase;

if(e.NewValue!=null)

ctr