Hi Vkotaidis,
As you mentioned "track box", I will use the "Track Box with Floating Legend" as an example.
JsChartViewer.addEventListener(window, 'load', function() {
var allViewers = [ ... an array of viewer IDs ... ];
for (var i = 0; i < allViewers.length; ++i)
{
var viewer = JsChartViewer.get(allViewers[i]);
// Draw track cursor when mouse is moving over plotarea. Hide it when mouse leaves plot area.
viewer.attachHandler(["MouseMovePlotArea", "TouchStartPlotArea", "TouchMovePlotArea", "ChartMove"],
function(e) {
this.preventDefault(e); // Prevent the browser from using touch events for other actions
trackBoxLegend(this, this.getPlotAreaMouseX(), this.getPlotAreaMouseY());
this.setAutoHide("all", ["MouseOutPlotArea", "TouchEndPlotArea"]);
});
}
});
So basically, I just all a "for" loop to iterate through all the viewer IDs. For the code inside "function(e)", originally it is using the "viewer" object for some code, but I change it to using the "this" object. They are the same if there is only one viewer, but for multiple viewers, we need to specifically refers to the viewer that triggers the events, which is "this".
Regards
Peter Kwan |
Forum Home
Search
Message List
Post Message
Set up the MouseMovePlotArea event handler for multiple charts (ASP.Net)