X Axis Labels Not Showing for Non-Standard Theme on Column/Bar Chart

[corey_b]

Hello,

We recently upgraded FusionCharts from 3.2.4 to 3.7.1 but have noticed that numeric X-axis labels are only showing when a non-default theme is selected. Below is the JSON of a chart with the default theme selected and with the fint theme selected.

 

Default (numeric x-axis labels not showing):

 

 

{'chart': {'canvasPadding': '30',

           'caption': 'New Graph',

           'captionFont': 'Arial',

           'captionFontColor': '#000000',

           'captionFontSize': '14',

           'exportAction': 'download',

           'exportAtClient': '1',

           'exportEnabled': '1',

           'exportHandler': 'https://cluster.apridev.info/cb_live_dev/webroot/report/exportfusionchart/'

           'exportTargetWindow': '_self',

           'exportfilename': 'New Graph',

           'exportparameters': 'exportTargetWindow=_self',

           'labelFont': 'Arial',

           'labelFontColor': '#333333',

           'labelFontSize': '12',

           'legendAllowDrag': '1',

           'lineColor': 'FF9900',

           'outCnvBaseFont': 'Arial',

           'outCnvBaseFontColor': '#333333',

           'outCnvBaseFontSize': '12',

           'plotFillColor': 'FF9900',

           'theme': 'standard',

           'toolbarX': 801,

           'valueFont': 'Helvetica',

           'valueFontColor': '#333333',

           'valueFontSize': '12'},

 'data': [{'label': 1284, 'value': '2'},

          {'label': 3085, 'value': '1'},

          {'label': 3917, 'value': '2'},

          {'label': 4398, 'value': '1'},

          {'label': 4402, 'value': '1'},

          {'label': 4406, 'value': '1'},

          {'label': 4409, 'value': '1'},

          {'label': 4411, 'value': '1'},

          {'label': 4415, 'value': '1'},

          {'label': 4416, 'value': '2'},

          {'label': 4417, 'value': '1'},

          {'label': 4418, 'value': '2'},

          {'label': 4420, 'value': '1'},

          {'label': 4421, 'value': '2'},

          {'label': 4422, 'value': '1'},

          {'label': 4423, 'value': '2'},

          {'label': 4424, 'value': '3'},

          {'label': 4425, 'value': '1'},

          {'label': 4427, 'value': '6'},

          {'label': 4430, 'value': '1'},

          {'label': 4431, 'value': '1'},

          {'label': 4432, 'value': '1'},

          {'label': 4433, 'value': '1'},

          {'label': 4435, 'value': '1'},

          {'label': 4436, 'value': '1'},

          {'label': 4437, 'value': '1'},

          {'label': 4438, 'value': '1'},

          {'label': 4439, 'value': '1'},

          {'label': 4440, 'value': '1'},

          {'label': 4444, 'value': '2'},

          {'label': 4447, 'value': '1'},

          {'label': 4448, 'value': '1'},

          {'label': 4450, 'value': '2'},

          {'label': 4451, 'value': '1'},

          {'label': 4453, 'value': '2'},

          {'label': 4455, 'value': '1'},

          {'label': 4456, 'value': '1'},

          {'label': 4457, 'value': '1'},

          {'label': 4458, 'value': '1'},

          {'label': 4464, 'value': '2'},

          {'label': 4467, 'value': '1'},

          {'label': 4470, 'value': '1'},

          {'label': 4471, 'value': '1'},

          {'label': 4473, 'value': '6'},

          {'label': 4474, 'value': '1'},

          {'label': 4482, 'value': '1'},

          {'label': 4493, 'value': '4'},

          {'label': 4494, 'value': '1'},

          {'label': 4495, 'value': '2'},

          {'label': 4496, 'value': '2'}]}

 

Fint theme selected (numeric X-axis labels show fine):

 

{'chart': {'baseFont': 'Helvetica Neue, Arial',

           'canvasPadding': '30',

           'caption': 'New Graph',

           'captionFont': 'Arial',

           'captionFontColor': '#000000',

           'captionFontSize': '14',

           'labelFont': 'Arial',

           'labelFontColor': '#333333',

           'labelFontSize': '12',

           'legendAllowDrag': '1',

           'lineColor': 'FF9900',

           'outCnvBaseFont': 'Arial',

           'outCnvBaseFontColor': '#333333',

           'outCnvBaseFontSize': '12',

           'paletteColors': '#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000,#0e948c,#8cbb2c,#f3de00,#c02d00,#5b0101',

           'plotFillColor': 'FF9900',

           'theme': 'fint',

           'toolbarX': 801,

           'valueFont': 'Helvetica',

           'valueFontColor': '#333333',

           'valueFontSize': '12'},

 'data': [{'label': 1284, 'value': '2'},

          {'label': 3085, 'value': '1'},

          {'label': 3917, 'value': '2'},

          {'label': 4398, 'value': '1'},

          {'label': 4402, 'value': '1'},

          {'label': 4406, 'value': '1'},

          {'label': 4409, 'value': '1'},

          {'label': 4411, 'value': '1'},

          {'label': 4415, 'value': '1'},

          {'label': 4416, 'value': '2'},

          {'label': 4417, 'value': '1'},

          {'label': 4418, 'value': '2'},

          {'label': 4420, 'value': '1'},

          {'label': 4421, 'value': '2'},

          {'label': 4422, 'value': '1'},

          {'label': 4423, 'value': '2'},

          {'label': 4424, 'value': '3'},

          {'label': 4425, 'value': '1'},

          {'label': 4427, 'value': '6'},

          {'label': 4430, 'value': '1'},

          {'label': 4431, 'value': '1'},

          {'label': 4432, 'value': '1'},

          {'label': 4433, 'value': '1'},

          {'label': 4435, 'value': '1'},

          {'label': 4436, 'value': '1'},

          {'label': 4437, 'value': '1'},

          {'label': 4438, 'value': '1'},

          {'label': 4439, 'value': '1'},

          {'label': 4440, 'value': '1'},

          {'label': 4444, 'value': '2'},

          {'label': 4447, 'value': '1'},

          {'label': 4448, 'value': '1'},

          {'label': 4450, 'value': '2'},

          {'label': 4451, 'value': '1'},

          {'label': 4453, 'value': '2'},

          {'label': 4455, 'value': '1'},

          {'label': 4456, 'value': '1'},

          {'label': 4457, 'value': '1'},

          {'label': 4458, 'value': '1'},

          {'label': 4464, 'value': '2'},

          {'label': 4467, 'value': '1'},

          {'label': 4470, 'value': '1'},

          {'label': 4471, 'value': '1'},

          {'label': 4473, 'value': '6'},

          {'label': 4474, 'value': '1'},

          {'label': 4482, 'value': '1'},

          {'label': 4493, 'value': '4'},

          {'label': 4494, 'value': '1'},

          {'label': 4495, 'value': '2'},

          {'label': 4496, 'value': '2'}]}

Is this a bug, or is there something wrong with my JSON?


Thanks.

[corey_b]

I forgot to remove the export parameters from the upper quote with the JSON, but they are the same for each bit of JSON.

[Moonmi Sonowal]

Hi,

 

If you do not use the theme "fint", you need to make use of the attribute "showLabels" and set it to 1. In the fint theme, most of the attributes are defined internally and hence the difference.

 

Please refer fiddle: http://jsfiddle.net/tnyxk8zy/

 

Hope this helps.

 

Thanks.