Controlling Decimals When Using Stack100Percent

[mcstutterfish]

I am trying to control the decimals shown on a chart when using Stack100Percent.

 

What is required to:

1. Control number of decimals in tooltip?
2. Control number of decimals in displayed value (on the bar itself)
3. Control decimals on axis.

The main goal is to be able to show a different number decimals on the tooltip than what is on the bars themselves. From all the different settings I have tried it seems like this cannt be done unless I calculate the bar percentages myself. Am I correct or is there a way to control each of them.

 

Example:

I'd like 2 decimals in the tooltip, 0 decimals on the bar itself (displayValue), and 1 decimal on the axis...is this possible?

[Guest Sumedh]

Hi,

 

Please find answers to your queries inline below:

 

Control number of decimals in tooltip?

> You can display number of decimals using toolText attribute in the set element.

Ref. code:

<set label='Jan' value='42300' toolText='42.30'/>

 

Control number of decimals in displayed value (on the bar itself)

> You can achieve this by applying 'displayValue' attribute in the set element.

Ref. code:

<set label='David' value='42300' displayValue='42'/>

 

Control decimals on axis.

>You can customize this by applying 'decimals' and 'forceDecimals' attibutes in the chart element.

Ref. code:

<chart .. decimals='3' forceDecimals='1' >

 

For more information, read more here: http://docs.fusionch...ber_Basics.html

[mcstutterfish]

I apologize for not responding right away...didn't watch the topic.

 

I know how to do things the way you suggest but I'm using Stack100Percent so I do not necessarily know the percentages to create tooltips, etc. separately because they are calculated by FusionCharts on the fly.

[Guest Sumedh]

Hi,

 

For applying decimal on the Y-axis values, you can use 'forceYAxisValueDecimals' attribute under the chart element.

 

In order to have fixed number of decimal places attached to all y-axis numbers, set this attribute to 1.

 

And for adjusting the decimal position you can use 'yAxisValueDecimals' under the chart element, You would need to specify the value. (after which place you want to apply a decimal).

[mcstutterfish]

Thank you again for your help! The problem is not being able to show different decimals in the tooltip than what is used on the bars and on the axis.

 

Please see chart here.

 

JSON:

{"categories":[{"category":[{"label":"2010W23"},{"label":"2010W24"},{"label":"2010W25"}]}],"dataset":[{"seriesName":"[1] My Websites","color":"3366ff","data":[{"value":73.3202,"showValue":1},{"value":61.5667,"showValue":1},{"value":66.151,"showValue":1}]},{"seriesName":"[2] smarter.com","data":[{"value":"11.5024","showValue":1},{"value":"11.6894","showValue":1},{"value":"15.3025","showValue":1}]},{"seriesName":"[3] bing.com","data":[{"value":"9.7804","showValue":1},{"value":"11.0207","showValue":1},{"value":"12.4748","showValue":1}]},{"seriesName":"[4] ebay.com","data":[{"value":"17.1119","showValue":1},{"value":"8.9612","showValue":1},{"value":"4.7286","showValue":1}]},{"seriesName":"[5] gifts.com","data":[{"value":"9.7438","showValue":1},{"value":"8.5946","showValue":1},{"value":"9.4386","showValue":1}]},{"seriesName":"Other","color":"ff0000","data":[{"value":231.751,"showValue":1},{"value":252.808,"showValue":1},{"value":255.7269,"showValue":1}]}],"chart":{"exportFileName":"913+Test+Share+of+Voice+","exportEnabled":1,"exportShowMenuItem":0,"baseFont":"Verdana","baseFontSize":"12","baseFontColor":"ffffff","outCnvBaseFontColor":"000000","showBorder":0,"bgColor":"ffffff","paletteColors":"336699,993333,669933,663399,339999,cc6633,3a74b9,cc3333,999933,666699,2e91ac,df7a24,6699cc,cc6666,99cc66,996699,66cccc,ff9966,b0c2e2,cc9999","bgAlpha":100,"showValues":0,"showPlotBorder":1,"divLineColor":"c0c0c0","divLineThickness":1,"canvasBorderColor":"000000","canvasBorderThickness":2,"plotGradientColor":"","valuePadding":0,"captionPadding":2,"chartLeftMargin":15,"chartRightMargin":25,"chartTopMargin":15,"chartBottomMargin":15,"showShadow":1,"showToolTipShadow":1,"caption":"913 Test Share of Voice ","formatNumberScale":0,"legendNumColumns":3,"exportDataFormattedVal":1,"anchorBorderThickness":1,"showLegend":1,"numDivLines":10,"stack100Percent":1,"plotBorderColor":"ffffff","plotBorderThickness":1,"toolTipBgColor":"10418c","showAlternateVGridColor":0,"showPercentValues":1,"showPercentInToolTip":1,"minimiseWrappingInLegend":1,"subcaption":"<span style=\"font:normal 1em verdana;\">Campaign: Toys Demo<\/span><br \/><span style=\"font:normal 1em verdana;\">Date Range: 06\/01\/10 - 06\/30\/10<\/span><br \/><span style=\"font:normal 1em verdana;\">Keyword Group: All<\/span><br \/><span style=\"font:normal 1em verdana;\">Keyword: All<\/span><br \/><span style=\"font:normal 1em verdana;\">Search Provider: Yahoo<\/span><br \/><span style=\"font:normal 1em verdana;\">Location: All<\/span>","decimals":0},"styles":{"definition":{"name":"mySubCaptionFont","type":"font","isHTML":"1"},"application":{"styles":"mySubCaptionFont","toObject":"SubCaption"}}}

Hi,

 

For applying decimal on the Y-axis values, you can use 'forceYAxisValueDecimals' attribute under the chart element.

 

In order to have fixed number of decimal places attached to all y-axis numbers, set this attribute to 1.

 

And for adjusting the decimal position you can use 'yAxisValueDecimals' under the chart element, You would need to specify the value. (after which place you want to apply a decimal).

[Guest Sumedh]

Hi,

 

For displaying decimal values other than data plot values, setting "toolText" attribute is the only work-around for this.

 

As, the chart automatically calculates decimal values and displays them.