文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

C#中使用DevExpress中的ChartControl实现极坐标图的案例详解

2024-04-02 19:55

关注

背景

在工控软件的开发中很多业务场景就是使用图表控件展示设备和工艺参数。如下图案例:

在这里插入图片描述

实现思路

通常简单的做法是使用图表控件实现,常用的图表控件有开源的ZedGraph,还有付费的TeeChart和DevExpress。常规的曲线图、柱状图、饼图的实现,三个控件都可以很好的实现,建议使用开源的ZedGraph。但是在实现雷达图、极坐标图等特定图表时ZedGraph就不能支持,TeeChart用起来也不是那么完美,对比后发现DevExpress的ChartControl实现还是不错的。

参考代码

本案例是使用的是DevExpress 18.1.3版本,之前在14版本上也试过,但是有一个弊端就是实现极坐标图的时候,第一个点和最后一个点总是自动多一条闭合线,会形成一个闭合的多边形,因此升级了一下版本。在DevExpress中雷达图和极坐标图使用的是父子类的关系,很多属性一致,为了可以自己定义圆盘上的刻度范围,这是采用雷达图实现自定义的极坐标图。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Diagnostics;
using DevExpress.XtraCharts;

namespace WinTest
{
    public partial class Form1 : Form
    {
        private Stopwatch sw = new Stopwatch();
        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            sw.Restart();

            int fontSize = 9;                   //字号
            int count = 1;                      //曲线数量
            int points = 8;                     //每条曲线的点数
            int angleMaxValue = 24;             //角度最大值
            int maxShowPints = 30;              //最大显示的点数

            for (int i = 0; i < this.Controls.Count; i++)
            {
                if (this.Controls[i] is ChartControl)
                {
                    this.Controls.RemoveAt(i);
                    break;
                }
            }
            // Create a new chart.
            ChartControl RadarLineChart = new ChartControl();

            // Add a radar series to it.
            Series[] seriesArr = new Series[count];
            List<SeriesPoint>[] pintValuesList = new List<SeriesPoint>[count];
            for (int i = 0; i < seriesArr.Length; i++)
            {
                pintValuesList[i] = new List<SeriesPoint>();
                seriesArr[i] = new Series("Series " + i, ViewType.RadarLine);      //使用雷达折线图实例化Series

                RadarLineSeriesView radLineSeriesView = (seriesArr[i].View as RadarLineSeriesView);
                radLineSeriesView.MarkerVisibility = DevExpress.Utils.DefaultBoolean.False;  //去掉线条中的圆点
                radLineSeriesView.Closed = false;           //线条不形成闭环
                
                RadarLineChart.Series.Add(seriesArr[i]);
            }

            // Flip the diagram (if necessary).
            RadarDiagram radarDiagram = RadarLineChart.Diagram as RadarDiagram;
            radarDiagram.StartAngleInDegrees = 0; //开始的角度
            radarDiagram.AxisX.WholeRange.MinValue = 0;         //设置角度范围最小值
            radarDiagram.AxisX.WholeRange.MaxValue = 23;        //设置角度范围最大值
            radarDiagram.RotationDirection = RadarDiagramRotationDirection.Clockwise; //数据是顺时针还是逆时针
            

            // Add a title to the chart and hide the legend.
            ChartTitle chartTitle1 = new ChartTitle();
            chartTitle1.Text = "Radar Line Chart";
            RadarLineChart.Titles.Add(chartTitle1);
            RadarLineChart.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;       //隐藏图例

            // Add the chart to the form.
            RadarLineChart.Dock = DockStyle.Fill;
            this.Controls.Add(RadarLineChart);

            // Populate the series with points.
            Random r = new Random((int)DateTime.Now.Ticks);
            r.NextDouble();
            for (int i = 0; i < seriesArr.Length; i++)
            {
                for (int k = 0; k < points; k++)
                {
                    double yValue = 100 * r.NextDouble();
                    pintValuesList[i].Add(new SeriesPoint(k * 24.0 / points, yValue));
                }
                seriesArr[i].Points.AddRange(pintValuesList[i].ToArray());
                seriesArr[i].LabelsVisibility = DevExpress.Utils.DefaultBoolean.False;      //隐藏数据点的标签显示
            }
        }
    }
}

运行效果图,如下:

在这里插入图片描述

到此这篇关于在C#中使用DevExpress中的ChartControl实现极坐标图的文章就介绍到这了,更多相关C# ChartControl极坐标图内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯