溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

C#中如何使用DevExpress的ChartControl實現(xiàn)極坐標圖

發(fā)布時間:2022-02-21 14:46:58 來源:億速云 閱讀:132 作者:iii 欄目:開發(fā)技術(shù)

今天小編給大家分享一下C#中如何使用DevExpress的ChartControl實現(xiàn)極坐標圖的相關(guān)知識點,內(nèi)容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

背景

在工控軟件的開發(fā)中很多業(yè)務(wù)場景就是使用圖表控件展示設(shè)備和工藝參數(shù)。如下圖案例:

C#中如何使用DevExpress的ChartControl實現(xiàn)極坐標圖

實現(xiàn)思路

通常簡單的做法是使用圖表控件實現(xiàn),常用的圖表控件有開源的ZedGraph,還有付費的TeeChart和DevExpress。常規(guī)的曲線圖、柱狀圖、餅圖的實現(xiàn),三個控件都可以很好的實現(xiàn),建議使用開源的ZedGraph。但是在實現(xiàn)雷達圖、極坐標圖等特定圖表時ZedGraph就不能支持,TeeChart用起來也不是那么完美,對比后發(fā)現(xiàn)DevExpress的ChartControl實現(xiàn)還是不錯的。

參考代碼

本案例是使用的是DevExpress 18.1.3版本,之前在14版本上也試過,但是有一個弊端就是實現(xiàn)極坐標圖的時候,第一個點和最后一個點總是自動多一條閉合線,會形成一個閉合的多邊形,因此升級了一下版本。在DevExpress中雷達圖和極坐標圖使用的是父子類的關(guān)系,很多屬性一致,為了可以自己定義圓盤上的刻度范圍,這是采用雷達圖實現(xiàn)自定義的極坐標圖。

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;                      //曲線數(shù)量
            int points = 8;                     //每條曲線的點數(shù)
            int angleMaxValue = 24;             //角度最大值
            int maxShowPints = 30;              //最大顯示的點數(shù)

            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;           //線條不形成閉環(huán)
                
                RadarLineChart.Series.Add(seriesArr[i]);
            }

            // Flip the diagram (if necessary).
            RadarDiagram radarDiagram = RadarLineChart.Diagram as RadarDiagram;
            radarDiagram.StartAngleInDegrees = 0; //開始的角度
            radarDiagram.AxisX.WholeRange.MinValue = 0;         //設(shè)置角度范圍最小值
            radarDiagram.AxisX.WholeRange.MaxValue = 23;        //設(shè)置角度范圍最大值
            radarDiagram.RotationDirection = RadarDiagramRotationDirection.Clockwise; //數(shù)據(jù)是順時針還是逆時針
            

            // 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;      //隱藏數(shù)據(jù)點的標簽顯示
            }
        }
    }
}

運行效果圖,如下:

C#中如何使用DevExpress的ChartControl實現(xiàn)極坐標圖

以上就是“C#中如何使用DevExpress的ChartControl實現(xiàn)極坐標圖”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI