Linear Gauge - How To Use All The Area For The Gauge Itself

[Vedmack]

Hi

 

I got a simple linear gauge , with the following code

 

var chartData = {
			"chart": {
				"manageresize": "1",
				"upperlimit": "100",
				"lowerlimit": "0",
				"showshadow": "0",
				"gaugefillmix": "{color},{FFFFFF}",
				"gaugefillratio": "50,50",
				"showTickMarks" : "0",
				"showTickValues" : "0",

				"chartLeftMargin" : "0",
				"chartRightMargin" : "0",
				"chartTopMargin" : "0",
				"chartBottomMargin" : "0",


				"pointerBgAlpha" : "0" ,
				"pointerBorderAlpha" : "0",
				"bgAlpha" : "0",
				"borderAlpha" : "100"

			},
			"colorrange": {
				"color": [
					{
						"minvalue": "0",
						"maxvalue": markValue,
						"code": "B40001",
						"bordercolor": "B40001"
					},
					{
						"minvalue": markValue,
						"maxvalue": "100",
						"code": "5C8F0E"
					}
				]
			}
		};

		chartReference = new FusionCharts("HLinearGauge", "chartID", "150", "70", "0", "0");
		chartReference.setJSONData(chartData);
		chartReference.setTransparent(true);
		chartReference.render(containerID);

 

 

For some reason there is still margin at the top (despite me doing "chartTopMargin" : "0",) and a little but of margin in the buttom

 

How can I draw my gauge without the margins at all (I want to use the entire area for the gauge)

 

 

Regards,

 

Daniel.

Edited August 14, 2012 by Vedmack

[Vedmack]

any ideas?

[Guest Bindhu]

Hi,

 

I am afraid, we are not able to see any margins.

 

Can you please share a screen shot with us for better comprehension?

[Vedmack]

sorry, forgot to upload :/

 

here it is

Edited August 16, 2012 by Vedmack

[Guest Bindhu]

Hi,

 

That is the space reserved to display the pointer.

 

If you do not want to display the pointer, then as a work around, please define negative values for chart margins.

 

Ref. Code:

<chart chartTopMargin="-40" chartbottommargin="-10" ....>

 

Hope this helps!

[Vedmack]

if i do the negative values the gauge become much thicker , so i end up doing

 

chartReference = new FusionCharts("HLinearGauge", chartID, "125", "25", "0", "0"); //replace the height of 50 to 25

 

and then it looses its 3D effect :/

 

please advise

[Guest Bindhu]

Hi,

 

Please modify the value of "gaugefillratio" accordingly.

 

Ref. Code:

<chart gaugefillratio='10,90'...>

 

Hope this helps!