Fusion Charts mouseover event

Develop and Deploy Cross-Browser Web Apps .

Fusion Charts mouseover event

Postby joedarock » Tue Jul 05, 2016 1:28 pm

Can Fusion Charts generate mouseover events? I want to read the Category property of a data point when the mouse passes over.
joedarock
 
Posts: 161
Joined: Thu Nov 19, 2015 8:39 pm

Re: Fusion Charts mouseover event

Postby support » Thu Jul 07, 2016 2:09 am

No that mouseover event
support
 
Posts: 350
Joined: Sat Apr 27, 2013 9:22 am

Re: Fusion Charts mouseover event

Postby joedarock » Thu Sep 15, 2016 6:11 pm

The Fusion Charts web site has an event for this called "chartMouseMove". Why is there no equivalent in CrossUI?
joedarock
 
Posts: 161
Joined: Thu Nov 19, 2015 8:39 pm

Re: Fusion Charts mouseover event

Postby support » Sat Sep 17, 2016 12:54 am

We wrapped all FusionCharts events in

onFusionChartsEvent(profile, eventObject, argumentsObject)
support
 
Posts: 350
Joined: Sat Apr 27, 2013 9:22 am

Re: Fusion Charts mouseover event

Postby joedarock » Sat Sep 17, 2016 9:49 am

I did try this event but couldn't get it to work. Can you provide an example?
joedarock
 
Posts: 161
Joined: Thu Nov 19, 2015 8:39 pm

Re: Fusion Charts mouseover event

Postby support » Sat Sep 17, 2016 11:07 pm

   
// 默认的代码是一个从 xui.Module 派生来的类
Class('App', 'xui.Module',{
Instance:{
iniComponents : function(){
// [[Code created by CrossUI RAD Studio
var host=this, children=[], append=function(child){children.push(child.get(0));};

append(
xui.create("xui.UI.HiddenInput")
.setHost(host,"xui_ui_hiddeninput1")
.setValue("")
);

append(
xui.create("xui.UI.FusionChartsXT")
.setHost(host,"xui_ui_fusionchartsxt1")
.setLeft(80)
.setTop(30)
.setJSONData({
"chart" : {
"caption" : "Monthly Sales Summary",
"subcaption" : "For the year 2006",
"xaxisname" : "Month",
"yaxisname" : "Sales",
"numberprefix" : "$",
"useroundedges" : "1",
"bgcolor" : "FFFFFF,FFFFFF",
"showborder" : "0",
"rotatevalues" : "1",
"enablechartmousemoveevent" : "1"
},
"data" : [{
"label" : "January",
"value" : "17400"
},
{
"vline" : "1",
"color" : "FF5904",
"thickness" : "2"
},
{
"label" : "February",
"value" : "19800"
},
{
"label" : "March",
"value" : "21800"
},
{
"label" : "April",
"value" : "23800"
},
{
"label" : "May",
"value" : "29600"
},
{
"label" : "June",
"value" : "27600"
}],
"trendlines" : [{
"line" : [{
"startvalue" : "22000",
"color" : "00cc00",
"displayvalue" : "Average"
}]
}]
}
)
.onFusionChartsEvent("_xui_ui_fusionchartsxt1_onfusionchartsevent")
);

return children;
// ]]Code created by CrossUI RAD Studio
},
_xui_ui_fusionchartsxt1_onfusionchartsevent:function (prf, eventObject, argumentsObject){
if(eventObject.eventType=="chartmousemove")
console.log(eventObject,argumentsObject);
}
}
});
   
support
 
Posts: 350
Joined: Sat Apr 27, 2013 9:22 am

Re: Fusion Charts mouseover event

Postby joedarock » Thu Sep 29, 2016 12:20 pm

Still not working.

I have this in my widget code:
append(
(new xui.UI.FusionChartsXT())
.setHost(host,"ctl_fusionchartsxt169")
.setDomId("chart_Voltages")
.setAutoTips(false)
.setLeft(440)
.setTop(350)
.setWidth(570)
.setHeight(125)
.setJSONData({
"chart" : {
"enablechartmousemoveevent" : "1",
"caption" : "No Data",
"subcaption" : "",
"xaxisname" : "",
"yaxisname" : "Volts",
"useroundedges" : "1",
"bgcolor" : "FFFFFF",
"showborder" : "1",
"rotatevalues" : "1",
"borderthickness" : 1,
"showvalues" : "0",
"showlabels" : "0",
"animation" : "0",
"canvasbgcolor" : "FFFFFF",
"showtooltip" : "0",
"tooltipsepchar" : "k"
},"data" : [{
"label" : "1",
"value" : "174",
"color" : "#FF0000",
"showlabel" : "0",
"showvalue" : "0"
},{
"vline" : "1",
"color" : "",
"thickness" : "0"
},{
"label" : "2",
"value" : "198"
},{
"label" : "3",
"value" : "218"
},{
"label" : "4",
"value" : "238"
}]
})
.onFusionChartsEvent("_ctl_fusionchartsxt169_onfusionchartsevent")
.onDataClick("_ctl_fusionchartsxt169_ondataclick")
);

I have this in my event code:
_ctl_fusionchartsxt169_onfusionchartsevent:function (prf, eventObject, argumentsObject){
if(eventObject.eventType=="chartmousemove"){
console.log(eventObject,argumentsObject);
}
var ns = this, uictrl = prf.boxing();
},

The _onfusionchartsevent does fire when the chart is loaded, etc, but it doesn't seem to fire and nothing appears in the console when I move the mouse over the chart. The onDataClick event does work, but not the chartMouseMove event.
joedarock
 
Posts: 161
Joined: Thu Nov 19, 2015 8:39 pm

Re: Fusion Charts mouseover event

Postby support » Thu Sep 29, 2016 1:31 pm

The abover code works well online(press "Execute Code" button please), you can debug it and find out the answer.
support
 
Posts: 350
Joined: Sat Apr 27, 2013 9:22 am


Return to CrossUI for Web Apps

Who is online

Users browsing this forum: No registered users and 0 guests

cron