some configuration in fusion chart not working

[knives]

hi,

 

             i have attached 2 images the TARGET CHART  and the RENDER CHART.

some configuration in fusion charts are not working or i am doing it the wrong way please help me 

i will give the detailed problems and i will also give the  codes that i used to render my chart

 

 

1. show x-axis and y-axis tick marks   - as shown in target chart

2. show vertical lines seperating the datas  - as shown in target chart

3. make the x-axis and y-axis lines thicker

4. remove the % sign in line graph - as shown in target chart  - as shown in target chart

5. i cannot predict the values of good sockets and total socket my chart primary y-axis has no allowance

      it doesn't look good how can i give ample allowance to the primary y-axis   - as shown in target chart

 

 

 

Thank You so much for the immediate response.......................

 

 

below is the codes i used for the RENDERED CHART 

 

 

 

 

 

FusionCharts.ready(function(){

 

 

 

 

var myChart = new FusionCharts({

            "type": "msstackedcolumn2dlinedy",

            "renderAt": "kamote",

            "width": 900,

            "height": 400,

            "dataFormat": "json",

            "dataSource": {

 "chart": {

"caption": "Burn-In Board",

"pYAxisName": "# of Sockets",

"pYAxisNameFontSize": "12",

"pYAxisNameFonBold": "1",

"sYAxisName": "Effieciency %",

"sYAxisNameFontSize": "12",

"sYAxisNameFonBold": "1",

"sYAxisMaxValue": "100",

"captionFont": "Arial",

"yAxisNameFont": "Arial",

"xAxisNameFont": "Arial",

"xAxisNameFontSize": "14",

"xAxisNameFontBold": "1",

"paletteColors": "#8C54AE, #2FBDF2",

"xAxisname": "Period",

"showAlternateHGridColor": "1",

"lineColor": "#00FF97",

"lineThickness": "3",

"anchorRadius": "5",

"anchorBgColor": "#FFFF99",

"captionPadding": "40",

"captionFontSize": "20",

"valueFontBold": "1",

"valueBgColor": "#F6F6F6",

"valueBgAlpha": "70",

"showValues": "0",

"showXAxisLine": "1",

"xAxisLineColor": "#000000",

"showYAxisLine": "1",

"sNumberSuffix": "%",

"theme": "fint"

 },

 "categories": [

{

 "category": [

{

 "label": "Q4'14"

},

{

 "label": "Q1'15"

},

{

 "label": "Q2'15"

},

{

 "label": "Q3'15"

},

{

 "label": "W21'15"

},

{

 "label": "W22'15"

},

{

 "label": "W23'15"

},

{

 "label": "W24'15"

},

{

 "label": "W25'15"

},

{

 "label": "W26'15"

},

{

 "label": "W27'15"

},

{

 "label": "W28'15"

},

{

 "label": "W29'15"

},

{

 "label": "W30'15"

},

{

 "label": "W31'15"

},

{

 "label": "W32'15"

},

{

 "label": "W33'15"

}

 ]

}

 ],

 "dataset": [

{

 "dataset": [

{

 "seriesname": "Total Sockets",

 "data": [

{

 "value": "1221049.4615"

},

{

 "value": "1173513.2308"

},

{

 "value": "1155593.6154"

},

{

 "value": "628820.9231"

},

{

 "value": "1187270"

},

{

 "value": "1202420"

},

{

 "value": "1204906"

},

{

 "value": "1207542"

},

{

 "value": "1207542"

},

{

 "value": "1207758"

},

{

 "value": "1207878"

},

{

 "value": "1210392"

},

{

 "value": "1213952"

},

{

 "value": "1221539"

},

{

 "value": "1222639"

},

{

 "value": "1223803"

},

{

 "value": "874469"

}

 ]

}

 ]

},

{

 "dataset": [

{

 "seriesname": "Good Sockets",

 "data": [

{

 "value": "1205036.7692"

},

{

 "value": "1157653.9231"

},

{

 "value": "1139448.4615"

},

{

 "value": "620454.3077"

},

{

 "value": "1170948"

},

{

 "value": "1186091"

},

{

 "value": "1188573"

},

{

 "value": "1191204"

},

{

 "value": "1191204"

},

{

 "value": "1191420"

},

{

 "value": "1191540"

},

{

 "value": "1194054"

},

{

 "value": "1197614"

},

{

 "value": "1205273"

},

{

 "value": "1206609"

},

{

 "value": "1207787"

},

{

 "value": "863029"

}

 ]

}

 ]

}

 ],

 "lineset": [

{

 "seriesname": "Effieciency",

 "showValues": "1",

 "data": [

{

 "value": "98.6886"

},

{

 "value": "98.6486"

},

{

 "value": "98.6029"

},

{

 "value": "98.6695"

},

{

 "value": "98.6252"

},

{

 "value": "98.6420"

},

{

 "value": "98.6445"

},

{

 "value": "98.6470"

},

{

 "value": "98.6470"

},

{

 "value": "98.6472"

},

{

 "value": "98.6474"

},

{

 "value": "98.6502"

},

{

 "value": "98.6541"

},

{

 "value": "98.6684"

},

{

 "value": "98.6889"

},

{

 "value": "98.6913"

},

{

 "value": "98.6918"

}

 ]

}

 ]

}

 

 

        });

 

myChart.render();

 

});

[Vishalika]

Hi,

 

As per your queries, the following are the suggestions:

 

1. show x-axis and y-axis tick marks   - as shown in target chart

>> The tick marks cannot be shown in FusionCharts v3.6.

 

2. show vertical lines seperating the datas  - as shown in target chart

>> In Fusioncharts v3.6, vertical div lines are applicable only to line, area, spline, splineArea, and XY type charts. Since it is a combination chart so vertical lines cannot be applied.

 

3. make the x-axis and y-axis lines thicker

>> No attribute to represent the x-axis and y-axis line thicker.

 

4. remove the % sign in line graph - as shown in target chart  - as shown in target chart

>> Try removing the attribute "sNumberSuffix": "%" from the chart element of the JSON data.

 

5. i cannot predict the values of good sockets and total socket my chart primary y-axis has no allowance

      it doesn't look good how can i give ample allowance to the primary y-axis   - as shown in target chart

>>The allowance values can be plotted against primary Y-axis  as another series name in the data set. 

 

Hope this helps.

[knives]

tanx Vishalika.........