-
Content count
31 -
Joined
-
Last visited
Everything posted by razvan.deac
-
Hi, Please see in the attached screenshot this issues that appears when I try to resize table's headers in a Gantt chart, drag to left or right then on release header cell get squezed to the the left. Can this be a problem with the configuration or a known issue? As well please let me know if you need additional details about the configuration of this widget. FusionCharts.version = 3.12.2 Thanks! Razvan
-
Hi, I encountered this weird issue while the bars overlap the header of the table when scrolling from the vertical scrollbar, please see the attached screenshot. Is this a known issue and is there a workaround for this? FusionCharts.version = 3.12.2 Thanks! Razvan
-
Was this a know issue for the version I'm using? I need to make sure this is the solution first. Thanks for your help! Razvan
-
Hi Akas, Will use your suggestion. Thanks!
-
Hi, I'm interested to change trendline type (linear, exponential, logarithmic, parabolic) on a scatter chart, this means that coeficient of determination should also be taken in consideration(https://en.wikipedia.org/wiki/Coefficient_of_determination)? Basically the functionality required is the one describe on https://developers.google.com/chart/interactive/docs/gallery/trendlines#overview Note that line chart type workaround will not work in this my case because of scatter specifics required. Thanks, Razvan!
-
Hi, I'm trying to change chart type and redraw it but data displayed in chart after redraw is wrong, negative values are used a positive. Is there any approach to handle this issue? Example 1: Chart working as expected i, one value is positive and one value is negative. <!DOCTYPE HTML> <html> <head> <!-- @version fusioncharts/3.3.1-sr3.21100 --> <script type="text/javascript" src="fusioncharts/FusionCharts.js"> </script> </head> <body> <div class="wrapper"> <div id="chartContainer1"></div> </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart1 = new FusionCharts( "Pie2D", "myChartId-1", "400", "300", "0"); var jsonData = { "chart": { "yaxisname": "Y Axis Name", "xaxisname": "X Axis Name" }, "data": [ { "label": "0", "value": "100" }, { "label": "1", "value": "-100" } ] }; myChart1.setJSONData(jsonData); myChart1.render("chartContainer1"); myChart1.dispose(); myChart1 = new FusionCharts( "Column2D", "myChartId-2", "400", "300", "0"); myChart1.setJSONData(jsonData); myChart1.render("chartContainer1"); </script> </body> </html> Example 2: Chart is displaying both values above 0. <!DOCTYPE HTML> <html> <head> <!-- @version fusioncharts/3.3.1-sr3.21100 --> <script type="text/javascript" src="fusioncharts/FusionCharts.js"> </script> </head> <body> <div class="wrapper"> <div id="chartContainer1"></div> </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart1 = new FusionCharts( "Pie2D", "myChartId-1", "400", "300", "0"); var jsonData = { "chart": { "yaxisname": "Y Axis Name", "xaxisname": "X Axis Name" }, "data": [ { "label": "0", "value": "100" }, { "label": "1", "value": "-100" } ] }; myChart1.setJSONData(jsonData); myChart1.render("chartContainer1"); setTimeout(function() { myChart1.dispose(); myChart1 = new FusionCharts( "Column2D", "myChartId-2", "400", "300", "0"); myChart1.setJSONData(jsonData); myChart1.render("chartContainer1"); }, 2000); </script> </body> </html> Thanks, Razvan
-
Primary Y Axis and Secondary Y Axis delimiters don't match.
razvan.deac posted a topic in General usage
Hi, I'm trying to render 2 series on primary y axis using 'StackedColumn3DLineDY' and I discovered that delimiters values are not the same on primary and secondary axis. Is there any approach to achieve this, have the same delimiters values on both axis when series are rendered on the same side? <!DOCTYPE HTML> <html> <head> <!-- @version fusioncharts/3.3.1-sr3.21100 --> <script type="text/javascript" src="FusionCharts.js"> </script> </head> <style> html { height: 100%; } body { height: 100%; overflow: hidden; } .wrapper { height: 100%; overflow: auto; } #chartContainer1 { position: absolute; z-index: 1000; } </style> <body> <div class="wrapper"> <div id="chartContainer1"></div> </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart1 = new FusionCharts( "StackedColumn3DLineDY", "myChartId1", "400", "300", "0"); var jsonData = { "chart": { "pyaxisname": "", "syaxisname": "", "pyaxismaxvalue": "41000000", "yaxismaxvalue": "41000000", "pyaxisminvalue": "0", "yaxisminvalue": "0", "syaxismaxvalue": "41000000", "syaxisminvalue": "0", "xaxisname": "X Axis Name", "palettecolors": "30AC30,202120,3D47B8,6D0B68,C868BB,8B969C,685556,F96464,5E469E,80C1D1,169B94,FF7D30,767075,033B72,FFFFFF,000000", "yaxisname": "Y Axis Name", "formatnumberscale": "1", "numberscaleunit": "K,M,B", "numberscalevalue": "1000,1000,1000", "showalternatehgridcolor": "0", "canvastopmargin": "1", "showlegend": "1", "showborder": "0", "canvasbgangle": "0", "canvasbgalpha": "0,0", "showalternatevgridcolor": "0", "zeroplanethickness": "2", "showvalues": "0", "maxlabelwidthpercent": "35", "zeroplanealpha": "80", "use3dlighting": "0", "labeldisplay": "AUTO", "stack100percent": "0", "showplotborder": "0", "bgalpha": "0,0", "charttopmargin": "10", "canvasbordercolor": "efefef", "xaxisnamepadding": "10", "showshadow": "0", "plotgradientcolor": "", "plotfillalpha": "75", "canvasborderthickness": "0" }, "categories": [ { "category": [ { "label": "Label 1" }, { "label": "Label 2" } ] } ], "dataset": [ { "seriesname": "Series 1", "linethickness": "1", "plotborderthickness": "1", "renderas": "COLUMN", "parentyaxis": "P", "data": [ { "value": "0" }, { "value": "19000000" } ] }, { "seriesname": "Series 2", "linethickness": "1", "plotborderthickness": "1", "renderas": "COLUMN", "parentyaxis": "P", "data": [ { "value": "0" }, { "value": "24000000" } ] } ] }; myChart1.setJSONData(jsonData); myChart1.render("chartContainer1"); </script> </body> </html> In the above example you can see that on primary y axis delimiters are [0, 10M, 20M, 30M, 40M, 50M] while on secondary values look like this [0, 8200000, 16400000, 24600000, 32800000, 41000000]. Thanks, Razvan -
Column 2D Chart doesn't work after redraw.
razvan.deac replied to razvan.deac's topic in General usage
Hi, Thanks for your input. Still wanted to find a solution for the scenario that I posted. Please see that in both examples I initiate the chart with a 'Pie2D' chart type and then I change it to 'Column2D' but I get inconsistent behaviour from one scenario to another even it should work the same, the only difference is that setTimeout call in the second example trough what I change the chart type(please refer to my examples in the first comment of this post). Can you please guide me to a solution for this, why is this happening and if there is a solution to make it work as expected? Thanks, Razvan -
Primary Y Axis and Secondary Y Axis delimiters don't match.
razvan.deac replied to razvan.deac's topic in General usage
Thanks, This was really helpful. Have a good day, Razvan -
Column 2D Chart doesn't work after redraw.
razvan.deac replied to razvan.deac's topic in General usage
Hi, Is that the issue that prevents Column 2D to display negative values if using Pie chart first, is it an internal issue for FusionCharts? Because Column 2D chart will not display the right values as well in this scenario. Thanks, Razvan -
Primary Y Axis and Secondary Y Axis delimiters don't match.
razvan.deac replied to razvan.deac's topic in General usage
Hi, Is there any way to sync scale for secondary y axis? have 50M on both instead of 50M and 50,000,000. Thanks, Razvan -
Hi, I'm using v3.3.1 and for both http://docs.fusioncharts.com/charts/archive/3.3.1/contents/ChartSS/MSCol3DLineDY.html and http://docs.fusioncharts.com/charts/archive/3.3.1/contents/ChartSS/Col3DLine.html I'm able to render Area type with JS renderer but not for Flash renderer. For http://docs.fusioncharts.com/charts/archive/3.3.1/contents/ChartSS/MSCol3DLineDY.html changing column between primary and secondary axis works when using JS renderer as well for line but not for Flash renderer. Switching renderer from JS with the above mentioned configurations to Flash will return unexpected appearance of the chart. Example of 'Multi-series Column 3D plus Multi-series Line - Dual Y Axis' used with above mentioned configuration which works in JS and not in Flash. <chart xaxisname=“Name" formatnumberscale="1" palettecolors="1892D0,AC453F,00C18F,80689C,DD8433,7B1C1D,7D8FF2,2880A2,C25E90,EA9F78,80A0A0,4371A9,685556,F96464,5E469E,80C1D1,169B94,FF7D30,7F757C,033B72,FFFFFF,000000" numberscalevalue="1000,1000,1000" numberscaleunit="K,M,B" showalternatehgridcolor="0" canvastopmargin="1" showlegend="1" showborder="0" canvasbgangle="0" canvasbgalpha="0,0" showalternatevgridcolor="0" zeroplanethickness="2" showvalues="0" maxlabelwidthpercent="35" zeroplanealpha="80" use3dlighting="0" labeldisplay="AUTO" stack100percent="0" showplotborder="0" bgalpha="0,0" charttopmargin="10" canvasbordercolor="efefef" xaxisnamepadding="10" showshadow="0" plotgradientcolor="" plotfillalpha="75" canvasborderthickness="0" caption="New Chart" exportenabled="1"> <categories> <category label="08 Oct 1990" /> <category label="09 Oct 1991" /> <category label="10 Oct 1992" /> <category label="11 Nov 1993" /> <category label="12 Dec 1994” /> </categories> <dataset seriesname=“Series A" linethickness="1" plotborderthickness="1" renderas="COLUMN" parentyaxis="S"> <set value=“1"/> <set value=“2"/> <set value=“3"/> <set value=“4"/> <set value=“5”/> </dataset> <dataset seriesname=“Series B" linethickness="1" plotborderthickness="1" renderas="AREA" parentyaxis="P"> <set value="20" /> <set value=“30" /> <set value=“40"/> <set value=“50" /> <set value=“60"/> </dataset> </chart> Is there any approach to have the same behaviour on flash and javascript renderer for the above mentioned chart types and configurations? For Multi-series 3D Single Y Column Line Area True 3D Charts chart type chart looks different from JS to Flash(missing rotation display, and depth), what approach do you suggest to achieve the same results in both Flash and JS for this type of chart? Thanks, Razvan
-
Hi, I'm trying to export chart as it follows FusionCharts.items['chart-2'].exportChart({exportFormat: 'jpg'}) this method call returns undefined instead of true/false nothing happens after the call is made. Using FusionCharts version = [3, 3, 1, "sr3", 21100] and Google Chrome browser, Ubuntu Linux, this works fine in Firefox for example. Thanks for your help, Razvan
-
Export Chart Not Working in Google Chrome
razvan.deac replied to razvan.deac's topic in General usage
A. This is the test scenario I used and not getting any result: 1. create new chart instance - chart 2. chart.loadJSONData({ chart: { .... }, data: { .... } }); 3. chart.setChartAttribute('exportEnabled', '1'); 4. chart.exportChart({exportFormat: 'jpg'}) nothing happes from here on B. This is a working scenario: 1. create new chart instance - chart 2. chart.loadJSONData({ chart: { exportEnabled: '1' .... }, data: { .... } }); 3. chart.exportChart({exportFormat: 'jpg'}) export chart process is fired up Not working scenario A was tested in Safari and Chrome(Version 28.0.1500.71 Ubuntu 13.04 (28.0.1500.71-0ubuntu1.13.04.1)) and not working, in Google Chrome 36.0.1985.125 MacOS X 10.9.4 it is working. Thanks, Razvan -
Hi, I'm trying to maintain the same look and feel between two versions of FusionCharts using the same input data for the chart and I noticed that the orientation of YAxisName labels is slightly different from one version to another, you can see details in the image attached. I'm using Multi-series 2D Dual Y chart, @version fusioncharts/3.2.4-release.8565 and @version fusioncharts/3.3.1-sr3.21100. Is there a way to maintain the orientation used in @version fusioncharts/3.2.4-release.8565? Thanks, Razvan
-
Hi, Thanks for your reply it helps. Regards, Razvan
-
Hi, In the screenshot I've attached version @version fusioncharts/3.2.4-release.8565 is using flash to render the charts and @version fusioncharts/3.3.1-sr3.21100 is using JavaScript. Is there a way to have the same orientation (pointing upwards) for both primary and secondary Y axis labels in @version fusioncharts/3.3.1-sr3.21100 using JavaScript? Thanks, Razvan
-
Hi, I use multiple data-sets rendered on dual-axis charts. FusionCharts automatically renders on primary axis data-sets that do not have parentYAxis attribute specified. What is the best practice in this case? <parentYAxis> attribute should always be specified for dual-axis and multiple data-sets. What if data-sets rendered on primary axis for example have a different meaning like value and percent, how does the scale changes o this axis. Thanks, Razvan
-
Hi Haritha, Thanks for making this aspects clear for me. Razvan
-
Hi Haritha, So if I use one data-set that that uses values like 10M, 20M... on the secondary axis and another one that uses values like 10k, 20k on the primary axis, when I set parentYAxis='P' for the data-set originally plotted on the secondary axis the primary axis scale will change to <VALUE>M? Thanks, Razvan
-
Hi, I have a page with multiple charts on it. There is a problem with the tooltip that is placed behind the chart bars. Chart xml: <chart yaxisname="Y Axis Name" xaxisname="X Axis Name" > <set label="1" value="1" /> <set label="2" value="2" /> <set label="3" value="3" /> <set label="4" value="4"/> </chart> Please see the image attached. Is there any approach to fix this? Thanks, Razvan
-
Hi Harita, Thanks for your suggestion, was really helpful, solved my problem. Razvan
-
Hi Sumedh, Please see the code bellow, if z-index for #chartContainer1 is greater that 999 tooltip is not visible anymore. Thanks, Razvan <!DOCTYPE HTML> <html> <head> <!-- @version fusioncharts/3.3.1-sr3.21100 --> <script type="text/javascript" src="FusionCharts.js"> </script> </head> <style> html { height: 100%; } body { height: 100%; overflow: hidden; } .wrapper { height: 100%; overflow: auto; } #chartContainer1 { position: absolute; z-index: 1000; } </style> <body> <div class="wrapper"> <div id="chartContainer1"></div> </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart1 = new FusionCharts( "Column3D", "myChartId1", "400", "300", "0"); var xmlData = '<chart numberPrefix="$" sformatNumberScale="1" sNumberPrefix="$" syncAxisLimits="1" rotateValues="1" showSum="0">' + '<set label="SampleText_1" value="232400" link="JavaScript: callback(\'SampleText_1\');"/>' + '<set label="SampleText_2" value="339800"/>' + '<set label="SampleText_3" value="411900"/>' + '<set label="SampleText_4" value="398400"/>' + '<categories>' + '<category label="SampleText_1"/>' + '<category label="SampleText_2"/>' + '<category label="SampleText_3"/>' + '<category label="SampleText_4"/>' + '</categories>' + '<dataset seriesName="SampleName">' + '<set value="232400"/>' + '<set value="232400"/>' + '<set value="339800"/>' + '<set value="411900"/>' + '<set value="398400"/>' + '<dataset seriesName="SampleName">' + '<set value="232400"/>' + '<set value="232400"/>' + '<set value="339800"/>' + '<set value="411900"/>' + '<set value="398400"/>' + '</dataset>' + '<dataset seriesName="SampleName">' + '<set value="232400"/>' + '<set value="232400"/>' + '<set value="339800"/>' + '<set value="411900"/>' + '<set value="398400"/>' + '</dataset>' + '</dataset>' + '<dataset seriesName="SampleName" renderAs="line" parentYAxis="S" showValues="1" valuePosition="BELOW">' + '<set value="147400"/>' + '<set value="189100"/>' + '<set value="219800"/>' + '<set value="289100"/>' + '<set value="209800"/>' + '<dataset seriesName="SampleName" renderAs="line" parentYAxis="S">' + '<set value="214400"/>' + '<set value="214100"/>' + '<set value="284800"/>' + '<set value="323100"/>' + '<set value="324800"/>' + '</dataset>' + '</dataset>' + '<lineset seriesName="Sampletext" valuePosition="BELOW">' + '<set value="104400"/>' + '<set value="104100"/>' + '<set value="144800"/>' + '<set value="213100"/>' + '<set value="214800"/>' + '</lineset>' + '</chart>' myChart1.setXMLData(xmlData); myChart1.render("chartContainer1"); </script> </body> </html>
-
Hi, The charts are rendered in a complex html structure, in specific containers. I'm using FusionCharts version 3.3.1-sr3.21100. Are there any known css properties that can have an impact on the tooltip. Thanks, Razvan
-
Hi, I'm trying to show the chart in a relatively small container (about 200*80) but the chart is scaled down too much even there is plenty of space around it. I've attached a printscreen you can see the chart highlighted with red. Is there any approach to handle this. Thanks, Razvan