Rama Rao

Members
 View Profile  See their activity

  • Content count

    16

  • Joined

  • Last visited

Posts posted by Rama Rao

  1. Posted · Edited by Rama Rao · Report reply

     Hi,

     

         There are strange issue that only pie2d chart is not getting rendered properly but all other charts work fine. I'm unable to find the issue.

    Here is how pie chart looks after rendering. Everything gets rendered properly except pie's color is not shown.

     

    Current Fusion Chart version : 3.7.1 and we are using Fusion charts with Angular JS.

     

    0120f00.png

     

    Can somebody help me to find the issue.(data is attached pie-chart-data.txt )

     

    Thanks & Regards,

    Rams.

    post-27477-0-46545400-1462968395_thumb.png

  2. Posted · Report reply

    Hi,

      I am using a drag node chart. I just want to open a pop up (designed by html) when user clicks on a node. I could do that by triggering

    javascript event. But I want to open that pop up at the position of a source node. Meaning, I must able to get the mouse x, y positions where the event is triggered and set pop up's left, top positions to those x, y position.

     

    Can we get x, y mouse positions on mouse click/mouse over event on the node of the drag node chart?

     

    Thanks,

    Rama Rao

     

     

  7. Posted · Edited by Rama Rao · Report reply

    Hi Gurus,

    I am very happy to use Fusion charts...

    I am trying to export my chart as image/pdf. I did everything for that and its working fine.

    So now I want to done this through by user control...Meaning,

    We will provide a button 'Export' for every chart..When the user clicks the button, chart has to be exported automatically without having no more user interactions.

    What I meant that, In general way of chart exporting is:

    1. right click on the chart ->select Save as PNG image.

    2.It takes some time to capture the image from chart.

    3. Now FusionChartsExportObject button label will be changed to "Save" from "Waiting".

    4.Click on the SAVE button.One save dialog will be opened and allow us to save that image.

    Thats it.

    But now my requirement is:

    1. User will click on the button which is provided by us [but not fusioncharts]...(Export chart has to be called for this javascript event).

    I did by calling

    if( chart.hasRendered() )

    chart.exportChart();

    2. Now Save dialog box has to be opened without clicking "Save" button again directly. Means I want to call a function ( if exists ) which is generally called on clicking "Save" button, after exportChart() function.

    Is there any function which triggers save button event in Fusioncharts by javascript( Like how can trigger exportChart() function)? Is there any way to do that?

    3. I dont want to let my user be in pain by force him to click two buttons for a single export....

     

    I hope you got my point..

     

    Thanks,

    Rama Rao.

  8. Posted · Report reply

    Thank you...

    Its working fine..

    Appreciate your time and help..

     

    Happy FusionCharting.... smile.gif

     

    Hi, smile.gif

     

    The chart is re-renders as you click on the button.

     

    "chartRef.render("PieChartContainer");" statement again renders the chart. and its generating an error once again.

     

    Could you please, modify your code as following:

     

     

    function setData()

    {

    //chartRef.dispose(); ---------------------------------------------------------------------------> comment this statement.

    var strXML1 = '<chart caption="Net Amount Per City" animation="1" formatNumberScale="0" numberPrefix="{:content:}quot; pieSliceDepth="30" decimalPrecision="0" shownames="1" ><set name="Leverling" value="100524" color="AFD8F8"/><set name="Fuller" value="87790" color="F6BD0F"/><set name="Davolio" value="98" color="8BBA00" /><set name="Peacock" value="76438" color="FF8E46" /><set name="King" value="5430" color="008E8E" /><set name="Callahan" value="5091" color="D64646" /><set name="Dodsworth" value="3962" color="8E468E"/><set name="Suyama" value="22474" color="5826" /><set name="Buchanan" value="21637" color="B3AA00"/></chart>';

    chartRef = FusionCharts.items["NetValPieChart"];

    chartRef.setXMLData(strXML1);

    //chartRef.render("PieChartContainer"); --------------------------------------------------> comment this statement.

    }

     

    Hope this helps. smile.gif

  9. Posted · Report reply

    Hi,

    I did as you suggested..Now I am getting new error...

    I had added the dispose() method line before the line of getting chart reference...

    
        FusionCharts("NetValPieChart").dispose();
 chartRef = FusionCharts.items["NetValPieChart"];

        chartRef.setXMLData(strXML);
 chartRef.render("PieChartContainer");

     

    Now its giving error at 3rd line : Unable to get value of the property 'setXMLData' : Object is null or undefined.

     

    So, I must create that Object again using the following line?

    var chartRef = new FusionCharts("Pie3D.swf","NetValPieChart","400","400","0","1");

    Looking forward for your reply..

    Hi, smile.gif

     

    Apologies for the miscommunication.

     

    When you click on the "change data" button, it creates new instance of chart.

     

    So, it generates an error, since your are using FusionCharts v3.2.1.

     

    You would need to use "dispose()" method, it will remove the chart instance from the memory.

     

    Ref. code:

    FusionCharts("myChartId").dispose(); Hope this helps. smile.gif

  10. Posted · Report reply

    Hi Sumedh,

    Thanks for reply...

    No.. I did not use same variables for all..

    Check my code once..

    div id is :PieChartContainer

    chart id is :NetValPieChart

    and js variable is :chartRef...

    Those three are unique... !!!!

    Looking forward for your reply.....

    Greetings, smile.gif

     

    This error occurs when you have a JavaScript variable in the global window scope with the same name as that of the chart's Id.

     

    Could you please try giving a unique "chart id", "div id" and "variable name" for each chart that is to be rendered?

     

    Looking forward to your reply.

  11. Posted · Report reply

    Hi all,

    My fusion chart giving error while applying setXMLData() : #25081843:IECompatibility() Chart Id is same as a JavaScript variable name. Variable naming error.Please use unique name for chart JS variable, chart-id and container id.

    I have searched in online, where I see one solution like JS variable and ChartId should not be same.

    But in my case,those two are unique .But still I'm getting the error.

    could please any one tel me the solution...

     

    Here is my code...

     

    
<!DOCTYPE HTML>
<html>
<head>
 <title> New Document </title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <script type="text/javascript" src="FusionCharts.js"></script>
 <script type="text/javascript" src="jquery.min.js"></script>
 <script type="text/javascript" src="highcharts.js"></script>
</head>

<body>	
 <div id="PieChartContainer" style="border:1px solid black;">
 FusionCharts will load here!
 </div>
 <button onClick="setData()"> Change Data</button>
</body>
<script>

var chartRef = new FusionCharts("Pie3D.swf","NetValPieChart","400","400","0","1");

var strXML = '<graph  caption="Net Amount Per City" animation="1"  formatNumberScale="0" numberPrefix="$"  pieSliceDepth="30"  decimalPrecision="0"  shownames="1" ><set name="Leverling" value="100524" color="AFD8F8"/><set name="Fuller" value="87790" color="F6BD0F"/><set name="Davolio" value="81898" color="8BBA00" /><set name="Peacock" value="76438" color="FF8E46" /><set name="King" value="57430" color="008E8E" /><set name="Callahan" value="55091" color="D64646" /><set name="Dodsworth" value="43962" color="8E468E"/><set name="Suyama" value="22474" color="588526" /><set name="Buchanan" value="21637" color="B3AA00"/></graph>';

chartRef.setXMLData(strXML);
chartRef.render("PieChartContainer");

function setData()
{
 strXML = '<graph  caption="Net Amount Per City" animation="1"  formatNumberScale="0" numberPrefix="$"  pieSliceDepth="30"  decimalPrecision="0"  shownames="1" ><set name="Leverling" value="100524" color="AFD8F8"/><set name="Fuller" value="87790" color="F6BD0F"/><set name="Davolio" value="98" color="8BBA00" /><set name="Peacock" value="76438" color="FF8E46" /><set name="King" value="5430" color="008E8E" /><set name="Callahan" value="5091" color="D64646" /><set name="Dodsworth" value="3962" color="8E468E"/><set name="Suyama" value="22474" color="5826" /><set name="Buchanan" value="21637" color="B3AA00"/></graph>';
// chartRef.dispose();
 chartRef = FusionCharts.items["NetValPieChart"];
 chartRef.setXMLData(strXML);
 chartRef.render("PieChartContainer");

}
</script>
</html>

     

  12. Posted · Edited by Rama Rao · Report reply

    Hi Guys,

    Finally,After had been working for several hours,this issue has been resolved.These are the steps which made the issue was resolved...

    ( By hoping this wil help others who is(will be) suffering from the same issue ).

     

    1. Passing registerWithJs value '1'.
    2. var myChart1 = new FusionCharts("HLinearGauge.swf", "myChartId1", "450", "105", "0", "1");
    3. Changed Flash Player Global Security Settings..for more info For more info
    4. Chang the FusionCharts.js file to new version.
    5. After had made these changes,I encountered with new issue, chartRef.getData(1) gives javascript error (Object does not support the property/method).

    So then I changed the code for getting chart reference to var chartRef = getChartFromId(DOMId); from var chartRef = FusionCharts(DOMId);

  13. Posted · Report reply

    Hi,

    I am getting javascript error here.....

    var chartReference = FusionCharts("myChartId"); // Object does not support property / method 'setAttribute''

    If I am trying to get the reference form the follow way,

    var chartRef = FusionCharts.items['myChartId'];

    ..getting another error 'Unable to property /'method 'myChartId': Object is null or undefined

     

     

    Hi all,

    I am trying to display and update HLINEAR GUAGE fusionGadget pointer value. When I am dragging the pointer , the function FC_ChartUpdated is not being called. I have tried using RealtimeUpdateComplete eventListener too. But it displays error 'Object does not support property / method 'setAttribute''..Can you please tell me the reason?

     

    Here is my code,

     

    

<html>
<head>
<title>FusionGadgets</title>
<script language="JavaScript" src="FusionCharts.js"></script>      
</head>
<body bgcolor="#ffffff">
  <div id="chartdiv" align="center">FusionGadgets</div>

  <script type="text/javascript">
var myChart = new FusionCharts("HLinearGauge.swf", "myChartId", "450", "120", "0", "0");
myChart.setDataURL("Data.xml");
myChart.render("chartdiv");
  </script> 

</body>
<script>

FusionCharts("myChartId").addEventListener("RealtimeUpdateComplete" , myChartListener);
function myChartListener(){
alert('Hi.');
}

 function FC_Rendered(DOMId)
 	{  //alert(Math.round(pointerValue));    
    	//Check if DOMId is that of the chart we want
        		if (DOMId=="myChartId"){
          		//Get reference to the chart
          		var chartRef = FusionCharts(DOMId);
          		//Get the current value
          		var pointerValue = chartRef.getData(1); 
          		//You can also use getDataForId method as commented below, to get the pointer value.
          		//var pointerValue = chartRef.getDataForId("CS"); 
          		//Update display
                 alert(Math.round(pointerValue));    
	         }

 	}
</script>
</html>

  14. Posted · Edited by Rama Rao · Report reply

    Hi,

    I am facing the same problem..Can you please tell me if got the answer..

    I'm using a real-time angular gauge with two dials. one of them is that one of them is editable (editMode='1')

     

    I want to be able to understand the new value (of editable dial) when user change it

     

    I used FC_ChartUpdated and updateChart but they couldn't help ..

     

     

     

    May you please let me know How can I get new dial value when it changes?

     

     

     

     

     

    Thanks.

  15. Posted · Report reply

    Hi Mr, Can you please post the piece of code how the FC_ChartUpdated is called when the pointer is dragged. I am try to get the pointer value once the release of pointer,but the js function is not called.I am really fuzzled with the problem..

    If you dont mind, can u please tell me the way how to call that JavaScript function on sliding.If you can,please send the solution to mail : [email protected] its urgent..

     

    I have a HLinearGauge chart that updates a bubble chart. Right now, when the user clicks & releases the pointer on the gauge, it calls FC_ChartUpdated, and my bubble chart is updated. Is there anyway to update the bubble chart while the user is actually sliding the pointer? So, it would update on drag instead of on release?

  16. Posted · Report reply

    Hi all,

    I am trying to display and update HLINEAR GUAGE fusionGadget pointer value. When I am dragging the pointer , the function FC_ChartUpdated is not being called. I have tried using RealtimeUpdateComplete eventListener too. But it displays error 'Object does not support property / method 'setAttribute''..Can you please tell me the reason?

     

    Here is my code,

     

    

<html>
<head>
<title>FusionGadgets</title>
<script language="JavaScript" src="FusionCharts.js"></script>      
</head>
<body bgcolor="#ffffff">
  <div id="chartdiv" align="center">FusionGadgets</div>

  <script type="text/javascript">
var myChart = new FusionCharts("HLinearGauge.swf", "myChartId", "450", "120", "0", "0");
myChart.setDataURL("Data.xml");
myChart.render("chartdiv");
  </script> 

</body>
<script>

FusionCharts("myChartId").addEventListener("RealtimeUpdateComplete" , myChartListener);
function myChartListener(){
alert('Hi.');
}

 function FC_Rendered(DOMId)
 	{  //alert(Math.round(pointerValue));    
        //Check if DOMId is that of the chart we want
            	if (DOMId=="myChartId"){
              	//Get reference to the chart
              	var chartRef = FusionCharts(DOMId);
              	//Get the current value
              	var pointerValue = chartRef.getData(1); 
              	//You can also use getDataForId method as commented below, to get the pointer value.
              	//var pointerValue = chartRef.getDataForId("CS"); 
              	//Update display
                 alert(Math.round(pointerValue));    
		     }

 	}
</script>
</html>