[Infragistics] using third-party controls to implement the effect of the instrument disk table

Source: Internet
Author: User

Recently, when I was doing ERP data analysis, I saw the effect of using the Bi tool provided by yonyou:

What if I want to do it? No results have been found for the materials on the Internet. Many of them are charged and cracked.

At this time, I thought of using the infragistics third-party control to own a crack Version Control Based on Web2.0. Let's try it first.

First reference DLL

Infragistics2.webui. Shared. v7.3.dll

Infragistics2.webui. ultrawebgauge. v7.3.dll

Class Library: Using infragistics. ultragauge. Resources;

Reference Official Website: http://help.infragistics.com/Help/NetAdvantage/ASPNET/2010.3/CLR4.0/html/WebGauge_Web_Creating_a_Radial_WebGauge_Using_Code.html

Private void gauge2 () {// infragistics. webui. ultrawebgauge. ultragauge ultragauge2 = // new infragistics. webui. ultrawebgauge. ultragauge (); radialgauge algorithm = new radialgauge (); algorithm myscale = new radialgaugescale (); numericaxis numericaxis1 = new numericaxis (); algorithm myneedle = new feature (); required bytes = new solidfillbrushelement (); solidfillbrushelement placement = new solidfillbrushelement (); required bytes = new bytes (); strokeelement mystrokeelement = new strokeelement (); solidfillbrushelement Statement = new solidfillbrushelement (); simplegradientbrushelement Statement = new simplegradientbrushelement (); solidfillbrushelement Statement = new solidfillbrushelement (); modified. color = system. drawing. color. black; myradialgauge. dial. brushelement = mysolidfillbrushelement; myradialgauge. margin = new margin (10, 10, 10, 10, measure. pixels); // set the following axis properties and add the axis to your scale: numericaxis1.endvalue = 120; // maximum value of the instrument disk table myscale. axes. add (numericaxis1); // set the following scale properties myscale. endangle = 405; myscale. startangle = 135; mysolidfillbrushelement1.color = system. drawing. color. white; myscale. labels. brushelement = mysolidfillbrushelement1; // set the following label properties myscale. labels. extent = 65; myscale. labels. font = new system. drawing. font ("Arial", 14f, system. drawing. fontstyle. bold, system. drawing. graphicsunit. pixel); myscale. labels. frequency = 20; // large interval value: 0 20 40 60 myscale. labels. orientation = infragistics. ultragauge. resources. radiallabelorientation. horizontal; myscale. labels. spanmaximum = 18; // set the following major tickmark properties: mysolidfillbrushelementmajor. color = system. drawing. color. fromargb (INT) (byte) (189), (INT) (byte) (189), (INT) (byte) (189); myscale. majortickmarks. brushelement = mysolidfillbrushelementmajor; myscale. majortickmarks. endextent = 95; myscale. majortickmarks. endwidth = 3; myscale. majortickmarks. frequency = 10; // large interval display frequency myscale. majortickmarks. startextent = 85; myscale. majortickmarks. startwidth = 3; // set the following minor tickmark properties: mysolidfillbrushelementminor. color = system. drawing. color. fromargb (INT) (byte) (240), (INT) (byte) (240), (INT) (byte) (240); myscale. minortickmarks. brushelement = mysolidfillbrushelementminor; myscale. minortickmarks. endextent = 90; myscale. minortickmarks. endwidth = 1; myscale. minortickmarks. frequency = 2; // Interval Frequency = myscale. majortickmarks. frequency/myscale. minortickmarks. frequency = 10/2 = 5 myscale. minortickmarks. startextent = 85; mysolidfillbrushelementminorstroke. color = system. drawing. color. fromargb (INT) (byte) (135), (INT) (byte) (135), (INT) (byte) (135); mystrokeelement. brushelement = mysolidfillbrushelementminorstroke; myscale. minortickmarks. strokeelement = mystrokeelement; // set the following anchor properties: myneedle. anchor. brushelement = mysimplegradientbrushelement; mysimplegradientbrushelement. endcolor = system. drawing. color. whitesmoke; mysimplegradientbrushelement. gradientstyle = infragistics. ultragauge. resources. gradient. backwarddiagonal; mysimplegradientbrushelement. startcolor = system. drawing. color. gray; myneedle. anchor. radiusmeasure = infragistics. ultragauge. resources. measure. percent; // set the pointer property mysolidfillbrushelement2.color = system. drawing. color. red; myneedle. brushelement = mysolidfillbrushelement2; myneedle. endextent = 65; myneedle. endwidth = 1; myneedle. midextent = 0; myneedle. midwidth = 3; myneedle. precision = 1; myneedle. startextent =-20; myneedle. startwidth = 3; myneedle. value = int. parse (textbox2.text. trim (); // the pointer display value myneedle. widthmeasure = measure. percent; myscale. markers. add (myneedle); myradialgauge. scales. add (myscale); ultragauge2.gauges. add (myradialgauge); // The image size ultragauge2.height = unit. pixel (200); ultragauge2.width = unit. pixel (200); // display the text box boxannotation boxannotation1 = new boxannotation (); solidfillbrushelement placement = new placement (); solidfillbrushelement placement = new solidfillbrushelement (); Placement = new system. drawing. rectangle (38, 70, 25, 10); boxannotation1.boundsmeasure = infragistics. ultragauge. resources. measure. percent; solidfillbrushelement2.color = system. drawing. color. white; boxannotation1.label. brushelement = solidfillbrushelement2; boxannotation1.label. formatstring = "Speed"; this. ultragauge2.annotations. add (boxannotation1); this. controls. add (ultragauge2 );}

I pulled a widget at the front-end to locate the location.

<% @ Register Assembly = "infragistics2.webui. ultrawebgauge. v7.3, version = 7.3.20073.38, culture = neutral, publickeytoken = 7dd5c%3f2cd0cb"
Namespace = "infragistics. webui. ultrawebgauge" tagprefix = "iggauge" %>
<% @ Register Assembly = "infragistics2.webui. ultrawebgauge. v7.3, version = 7.3.20073.38, culture = neutral, publickeytoken = 7dd5c%3f2cd0cb"
Namespace = "infragistics. ultragauge. Resources" tagprefix = "iggaugeprop" %>

        <igGauge:UltraGauge ID="UltraGauge2" runat="server"  >        </igGauge:UltraGauge>

Check whether the effect has been reached?


The interface is monotonous, and the specific functions have not been studied in depth. If you know the specific use method, please contact me.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.