Vedmack

Angulargauge , Showtickmarks = 0 Leave Some Weird Dots On Border

Recommended Posts

Hi ,

 

I wanted to remove the tick marks from the AngularGauge , so I set showTickMarks to 0 , but there seems to be some leftovers around the chart...

 

How can I remove them ?

Here is my code:

 

var chartData = {
			"chart": {
				"showTickMarks" : "0",
				"showTickValues" :'1',
				"gaugeFillMix" : "",

				"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": "8BBA00"
					},
					{
						"minvalue": slice,
						"maxvalue": slice + slice,
						"code": "FF8E46"
					},
					{
						"minvalue": slice + slice,
						"maxvalue": max,
						"code": "D64646"
					}
				]
			},
			"dials": {
				"dial": [
					{
						"value": parseInt($('input[id$="license_widget_data_out"]').val()),
						"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", "license_chart_id", placeHolderWidth, placeHolderHeight, "0", "0");

post-28512-0-01970400-1354543168_thumb.png

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