knives

some configuration in fusion chart not working

Recommended Posts

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();
 
});

post-65125-0-30695700-1423707849_thumb.png

post-65125-0-58231800-1423707864_thumb.png

Share this post


Link to post
Share on other sites

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.

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