javascript - How to trigger a modal view with Highcharts, when zoom is also enabled? -

-

I have a webpage that shows a high chart, with zoom type 'x' enabled. The chart div is wrapped in a container device such as: 

  & lt; Div class = 'chart-container' & gt; & Lt; Div id = 'chart_0' square = 'chart' & gt; & Lt; / Div & gt; & Lt; / Div & gt;

There is also an event handler attached to the "mouseoverpe" event on the chart-container, which toggle the Modalchart CSS class to switch to a model view: 

  .modalChart {status: fixed; Width: 100%; Height: 100%; Top: 0; Left: 0; Background: RGBA (0, 0, 0, 0.7); Z-index: 99 99 99; }. Chart {height: 300px; } .Modelchart. Chart {height: 90%; Width: 90%; Max-width: None; Margin: 1 AM Auto; }

The event handler is defined: 

  $ ("body"). ("Mouseup", ".chart-container", function () {$ (this) .toggleClass "modalChart" $ (".chart", this). Highchurch (.) Reflow ()});

The problem I am facing is that the mouseview event on "Chart-Container", which sets fire before extreams event, when zooming. Therefore, each time the user uses the zoom functionality, the model view is toggled. How do I stop this from happening? I want the user to be able to zoom, without toggle the model view, and to be able to click on the chart to toggle the modal view.

The problem is definitely that the "mouseover" incident on "chart-container" fire first And the model view is also toggled when the user is zooming. To stop this, we need to delay the modal toggle and cancel it if necessary. One solution is to delay the modal toggles using the settime (associated with global variable), and then a clear timeout at the appropriate location while using the zoom functionality.

I have changed the event handler on "chart-container" ("mouseup", ".chart-container", function () {chart = this application.modalTimeout = setTimeout (function () P> $ (chart) .toggleClass "modalChart"; $ ("chart", chart). Highchurch (). Reflow ();}, 100)});

And then set the setTimeout to xAxis on the chart for the set Xx, like this: 

  xAxis: {events: {setExtremes: function ) {If (application.modalTimeout) {returns clear timeout (vm.Analysis.modalTimeout); }}}}

Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more