C#中使用DevExpress中的ChartControl實現(xiàn)極坐標(biāo)圖的案例詳解
背景
在工控軟件的開發(fā)中很多業(yè)務(wù)場景就是使用圖表控件展示設(shè)備和工藝參數(shù)。如下圖案例:
實現(xiàn)思路
通常簡單的做法是使用圖表控件實現(xiàn),常用的圖表控件有開源的ZedGraph,還有付費的TeeChart和DevExpress。常規(guī)的曲線圖、柱狀圖、餅圖的實現(xiàn),三個控件都可以很好的實現(xiàn),建議使用開源的ZedGraph。但是在實現(xiàn)雷達圖、極坐標(biāo)圖等特定圖表時ZedGraph就不能支持,TeeChart用起來也不是那么完美,對比后發(fā)現(xiàn)DevExpress的ChartControl實現(xiàn)還是不錯的。
參考代碼
本案例是使用的是DevExpress 18.1.3版本,之前在14版本上也試過,但是有一個弊端就是實現(xiàn)極坐標(biāo)圖的時候,第一個點和最后一個點總是自動多一條閉合線,會形成一個閉合的多邊形,因此升級了一下版本。在DevExpress中雷達圖和極坐標(biāo)圖使用的是父子類的關(guān)系,很多屬性一致,為了可以自己定義圓盤上的刻度范圍,這是采用雷達圖實現(xiàn)自定義的極坐標(biāo)圖。
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ù)點的標(biāo)簽顯示 } } } }
運行效果圖,如下:
到此這篇關(guān)于在C#中使用DevExpress中的ChartControl實現(xiàn)極坐標(biāo)圖的文章就介紹到這了,更多相關(guān)C# ChartControl極坐標(biāo)圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
WMI獲取硬件信息封裝函數(shù)方法(聯(lián)想臺式機出廠編號 CPUID BIOS序列號 硬盤信息 顯卡信息 MAC地址)
這篇文章主要介紹了WMI獲取硬件信息的方法,硬件信息有:聯(lián)想臺式機出廠編號 CPUID BIOS序列號 硬盤信息 顯卡信息 MAC地址2013-11-11C# Split函數(shù)根據(jù)特定分隔符分割字符串的操作
這篇文章主要介紹了C# Split函數(shù)根據(jù)特定分隔符分割字符串的操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-12-12C# winform打開Excel文檔的方法總結(jié)(必看篇)
下面小編就為大家?guī)硪黄狢# winform打開Excel文檔的方法總結(jié)(必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-01-01UGUI ScrollRect實現(xiàn)帶按鈕翻頁支持拖拽
這篇文章主要為大家詳細介紹了UGUI ScrollRect實現(xiàn)帶按鈕翻頁支持拖拽,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-05-05