DevExpress ChartControl 绘制圆滑曲线

最新推荐文章于 2023-09-26 14:12:05 发布

原创最新推荐文章于 2023-09-26 14:12:05 发布 · 2.5k 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了如何在DevExpress的ChartControl中绘制圆滑曲线，通过设置LineTensionPercent属性实现曲线平滑。作者分享了从前端Echarts经验过渡到DevExpress的ChartControl时遇到的问题，以及通过尝试找到解决方案的过程，最终设定了SplineSeriesView的LineTensionPercent为80，达到了满意的效果。

以前一直做得是前端的东西，使用的是Echarts绘图，官方文档简洁明了，很多不懂的在官方文档上都能查到。最近在做一个CS的项目，要用到DevExpress中的ChartControl绘制圆滑曲线，按照前端的经验发现根本找不到 smooth属性，网上查找资料也没找到对应的方法，于是我看了官方的示例，办法比较笨拙，就是一个一个属性的调，总算是找到了。

设置LineTensionPercent ：获取或设置用于绘制样条曲线的线张力,以百分比表示。 设置的值越大，线条越圆滑，极限是100

控件中设置

代码：

//绘制一条Spline曲线

Series1 = new Series("温度", DevExpress.XtraCharts.ViewType.Spline);
for (int i = 0; i < pointMlist.Count; i++)
{
Series1.Points.Add(new SeriesPoint(pointMlist[i].RealTime, pointMlist[i].RealTemperature));//添加新点
}
Series1.ArgumentScaleType = ScaleType.Qualitative;
chartControlReal.Series.Add(Series1); //添加至chartControl
Series1.View = new DevExpress.XtraCharts.SplineSeriesView() { Color = Colorlist[1] };

//设置曲线为圆滑

SplineSeriesView splineSeriesView1 = Series1.View as SplineSeriesView;
splineSeriesView1.LineTensionPercent = 80;

看看效果：