Search the Community

I'm trying to user Vline with multi-series line chart but I notice that when I hover I got a wrong tool-tip as show this demo http://jsfiddle.net/fusioncharts/T5C6h/. Here for Thu point i got the label of the Vertical line (National Holiday) displayed instead of having Thu. Any idea about that ? Thanks

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

The following array represents my X-Axis metadata for Fusion Chart (StackedBar2D). My requirement is to render a vertical line if the date is today i.e. current date. (Note: the following data is only partial) So eg: if today is Wed 30-Aug-2011, I insert a vertical line object in the array. This works fine, a line is appropriately rendered. However, if today is Wed 31-Aug-2011, I insert the vline object at the end of the array. This time, fusion charts does not render the vertical line. This page states that vertical line can be placed between any two data points. I understand that there are no two data points in this case (i.e. vline object is not between two data points) but is there a way to still render the line? I found a hack which is to insert a blank label after thevline object but again, it's a hack, it creates a noticeable blank area at the right end. Is it a limitation that I have to deal with? Any proper solution or a workaround? [ { "label": "Mon 01-Aug-2011" }, { "label": "Tue 02-Aug-2011" }, { "label": "Wed 03-Aug-2011" }, { "label": "Thu 04-Aug-2011" }, { "label": "Fri 05-Aug-2011" }, { "label": "Sat 06-Aug-2011" }, { "label": "Sun 07-Aug-2011" }, { "label": "Mon 08-Aug-2011" }, { "label": "Tue 09-Aug-2011" }, { "label": "Wed 10-Aug-2011" }, { "label": "Thu 11-Aug-2011" }, { "label": "Fri 12-Aug-2011" }, { "label": "Sat 13-Aug-2011" }, { "label": "Sun 14-Aug-2011" }, { "label": "Mon 15-Aug-2011" }, { "label": "Tue 16-Aug-2011" }, { "label": "Wed 17-Aug-2011" }, { "label": "Thu 18-Aug-2011" }, { "label": "Fri 19-Aug-2011" }, { "label": "Sat 20-Aug-2011" }, { "label": "Sun 21-Aug-2011" }, { "label": "Mon 22-Aug-2011" }, { "label": "Tue 23-Aug-2011" }, { "label": "Wed 24-Aug-2011" }, { "label": "Thu 25-Aug-2011" }, { "label": "Fri 26-Aug-2011" }, { "label": "Sat 27-Aug-2011" }, { "label": "Sun 28-Aug-2011" }, { "label": "Mon 29-Aug-2011" }, { "label": "Tue 30-Aug-2011" }, { "label": "Wed 31-Aug-2011" }, { "vline": "true", "thickness": "2", "dashed": "1", "linePosition ": "0", "dashGap": "2" } ]