0

Fusion Charts in ZK

asked 2010-08-17 15:05:44 +0800

sreedevikatta gravatar image sreedevikatta
6 1 1 1

I want to know that how to use Fusion Charts in ZK ( *.zul file).

delete flag offensive retag edit

30 Replies

Sort by ยป oldest newest

answered 2012-09-05 04:58:44 +0800

siva477 gravatar image siva477
57

hi,

Any body help me to handle Onclick event in Fusion charts externally.

In onClick() event i want to open new Zul file dynamically. How can i handle this. any example.

Thanks in Advance.

link publish delete flag offensive edit

answered 2012-07-09 01:27:22 +0800

samchuang gravatar image samchuang
4084 4

hi, try to refer to http://books.zkoss.org/wiki/ZK_Component_Reference/Diagrams_and_Reports/Fusionchart#Supported_Events

also, for new question, you should open a new thread

link publish delete flag offensive edit

answered 2012-07-08 03:27:38 +0800

zzxstudynumber gravatar image zzxstudynumber
12

I need to click on a chart, and then pop up a window.The first time in this window to be a file download operation is possible, when the second click the chart on the error, and who has not encountered this situation, to help me under, thank you.

link publish delete flag offensive edit

answered 2011-12-28 05:59:06 +0800

samchuang gravatar image samchuang
4084 4

Hi

from your description, it looks like a bug, have you tried new ZK version, if still have this issue, you can post bug here

link publish delete flag offensive edit

answered 2011-12-27 11:33:35 +0800

marzinsky gravatar image marzinsky
27

More data: with IE9 works OK. It seems the problem is for IE8 and possibly earlier versions

link publish delete flag offensive edit

answered 2011-12-27 09:56:48 +0800

marzinsky gravatar image marzinsky
27

If I put all the code in a single JSP and I run out of zk, the code works fine in IE, so I think the problem must be a small detail with zk.

link publish delete flag offensive edit

answered 2011-12-27 09:54:11 +0800

marzinsky gravatar image marzinsky
27

I have a problem when i want export my chart. The problem only appears in IE. The problem is not displayed on the button 'Save' and always 'Waiting'.

.zul code:

	<?script charset="UTF-8" src="./js/FusionCharts.js"?>
   	<?script charset="UTF-8" src="./js/FusionChartsExportComponent.js"?>

. . .
<include src="/botonExportacion.jsp"/>

<include src="/fusionChart.jsp"/> 


botonExportacion.jsp

<div id="fcexpDiv" align="center" width="300px">FusionCharts Export Handler Component</div>


<script type="text/javascript">
//Render the export component in this
//Note: fcExporter1 is the DOM ID of the DIV and should be specified as value of exportHandler
//attribute of chart XML.
var myExportComponent = new FusionChartsExportObject("fcExporter1", "./js/FCExporter.swf");

myExportComponent.componentAttributes.btnsavetitle = 'Save';
myExportComponent.componentAttributes.btndisabledtitle = 'Waiting...'; 


//Render the exporter SWF in our DIV fcexpDiv
myExportComponent.Render("fcexpDiv");
</script>

fucionChart.jsp

<div id="chartdiv" align="center" style="z-index:0"></div>

<script type="text/javascript">

	var myChart = new FusionCharts("./js/MSColumn3D.swf", "myChartId", "<%=width%>", "<%=height%>", "0", "1");


myChart.setDataXML("<%=XML%>");
myChart.render("chartdiv");




</script>

I am very worried, because everything works fine in FF, Chrome, etc ... but when run in IE does not work.

Can anyone help me?

link publish delete flag offensive edit

answered 2011-08-07 19:40:25 +0800

samchuang gravatar image samchuang
4084 4

Hi

you could refer to the Fusionchart

link publish delete flag offensive edit

answered 2011-08-05 05:26:31 +0800

galau gravatar image galau
6

updated 2011-08-05 05:30:03 +0800

mr samchuang...
i need your help..
could you give me the example create a fusion chart without using xml..?? actually i want to take the value from my own model/entitiy that generated by hibernate. Please give me your advice.


Many thanks.

Galau

link publish delete flag offensive edit

answered 2011-08-04 06:38:42 +0800

mihael gravatar image mihael
57

Found a solution

<zscript><![CDATA[
JSONdata = FusionChartDataEngine.getMultiColumn3DLineChartJSON(arg.get("paramData"));
]]></zscript>

-------------------------------------------------------

<h:div id="chartdiv" height="500px">
<attribute w:name="onBind"><![CDATA[
var chart = new FusionCharts("charts/Column3D.swf", "ChartId", "${width}", "${height}", "0", "1");
chart.setJSONData($JSONdata);
chart.render("chartdiv");
]]></attribute>
</h:div>

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2010-08-17 15:05:44 +0800

Seen: 8,413 times

Last updated: Sep 05 '12

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More