Vedmack

How To Disable Gradient In Angulargauge

Recommended Posts

Hi

 

How can I disable the gradient effect on my AngularGauge chart ?

 

If you'll take a close look on the attached picture , you'll notice that the color of the slices become whiter when the comes near the center of the Gauge

			var chartData = {
			"chart": {
				"manageresize": "1",
				"animation" : "0",
				"managevalueoverlapping": "1",
				"autoaligntickvalues": "1",
				"fillangle": "45",

				"upperlimit": max,
				"lowerlimit": "0",

				"majortmheight": "8",

				"showgaugeborder": "0",
				"gaugeinnerradius": "2",
				"formatnumberscale": "0",
				"decmials": "0",
				"tickmarkdecimals": "1",

				"pivotradius": "17",
				"showpivotborder": "1",
				"pivotbordercolor": "000000",
				"pivotborderthickness": "5",
				"pivotfillmix": "FFFFFF,000000",

				"tickvaluedistance": "10",
				"showvalue": "1",
				"borderalpha": "0",
				"bgAlpha" : '0',
				"valueBelowPivot" : "1",
				"majorTMNumber" : "5",
				"minorTMNumber" : "6",
				"tickValueDecimals" : "0",
				"decimals" : "0"
			},
			"colorrange": {
				"color": [
					{
						"minvalue": 0,
						"maxvalue": slice,
						"code": "399E38"
					},
					{
						"minvalue": slice,
						"maxvalue": slice + slice,
						"code": "E48739"
					},
					{
						"minvalue": slice + slice,
						"maxvalue": max,
						"code": "B41527"
					}
				]
			},
			"dials": {
				"dial": [
					{
						"value": 55,
						"borderalpha": "0",
						"bgcolor": "000000",
						"basewidth": "28",
						"topwidth": "1",
						"radius": (placeHolderWidth / 2 - 70)
					}
				]
			},
			"styles": {
				"definition": [
				    {
					    "type": "font",
					    "name": "myAngularGaugeSpecialFont",
					    "color": "000000",
					    "size": "22"
				    }
				],
				"application": [
				    {
					    "toobject": "Value",
					    "styles": "myAngularGaugeSpecialFont"
				    }
				]
			}
		};

		chartReference = new FusionCharts("AngularGauge", "someID", placeHolderWidth, placeHolderHeight, "0", "0");			

post-28512-0-61177800-1354534579_thumb.png

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

A warm welcome to FusionCharts Forum! smile.gif

 

For removing gradient effect on Angular guage, you can use "gaugeFillMix" attribute.

 

Specify this attribute as null.

 

Ref. Code:

 

{

"chart": {

.

.

.

"gaugefillmix": ""

},

 

For more information, please refer the following URL:

http://docs.fusioncharts.com/widgets/Contents/?Angular/Configurations.html

 

Hope this helps!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now