Unable to make jqplot bargraphs clickable, when using in popup - onclick

I am using jqplot for my modal-popup and I wish to make each bar clickable.
I initially had an issue of rendering the plot in popup for which i used
$('#id').bind('shown',function() {
plot.replot();
});
Which renders the plot fine.
But the jqplot click event "jqplotDataClick" doesnt seem to work.
Thanks in advance!

Click event works fine with bar graph I had an issue with bind, I do not have to replot currently, graph rendering fine without replot( Emptying the popup data on close)

Related

Console preview panel - how to reset size?

So the console preview panel at the bottom of the page remembers how big you had it last time you previewed. Usually this is great! But somehow mine is currently maximized, so the only thing that shows up is the Page dropdown at the top of the page (and anything in the console, if I switch between pages and the pages have things that log on load). The rest is just white console. Any idea how to get back the default view where the console is 20% of the bottom of the page? There is no visible dragging bar frame thing anywhere.
I can change my preview to console=0 to be able to use it, but I'd like a way to restore the default position of the panel.
Normally you should be able to hover on the top border of the console panel and resize it as you wish. An icon will appear, similar as in the image below:
Nonetheless, if you are doing your previews on a mobile device such as a tablet, then such thing is not possible to do. Therefore; a hacky way to do it would be to put the following code on the onAttach event handler of the page that is loading:
var splitPanel = widget.root.getElement().parentElement
.parentElement.parentElement.parentElement
.parentElement.parentElement.children[0].children[3];
splitPanel.style.height = "75px";
Nota bene: this is intended to ONLY work in preview

Google VR Reticle Click on UI Button

So I am having this issue with using Google VR reticle where I cannot click a button. I have an image attached showing the heirarchy and the PlayButton is what I am trying to click. The Canvas has a Graphic Raycaster, the button has an Event Trigger that calls the method to navigate to the next scene. The UpScrollPanel, and DownScrollPanel work just fine. The EventSystem has the Gaze Input Module, as well as Event System, and Touch Input Module.
Any ideas on how to get this working? I have watched a few videos from NurFACEGAMES and while they helped a little, I haven't gotten the click to work yet.
Oh, and I am using Unity 5.3.4f
Sometimes things can get in the way of the button, make sure that no other UI elements overlap it, for example text borders (which are actually larger than they appear). You can also fix this by moving the button up the hierarchy among its siblings, I believe the first child is top.
Also try moving the button up the hierarchy if possible, sometimes UI having certain parents makes them not work
The canvas object should have a graphic raycaster
I found the issue to be unrelated to anything I thought it was. The menu I was using is a prefab I also use in another view that isn't VR. The scrollrect was loading that prefab, instead of the modified one I was using in the VR menu, and therefore the triggers I had added to the button were no being used when the app loaded.

How to programmatically zoom in highcharts?

When calling axis.setExtremes() or axis.zoom(), the associated zoom button does not become highlighted.
For example, if I programatically 'zoom' to 1-hour, I would like the '1 hour' zoom button to appear as 'pressed'.
Is there a simple way to accomplish this?
For more context: I want to make my app stately, so that if you view a graph, zoom, then navigate away from the graph and back to it again, I want to restore your 'zoom level'.
I have this basically working by listening for afterSetExtremes and storing the max/min values, and then using those to call 'zoom' on the graph when the user returns.
If there is a simpler way to accomplish this, I'd be fine with that.
Thanks for any direction!
You can also call setState on the button.
http://jsfiddle.net/W56P5/2/
chart.rangeSelector.buttons[3].setState(2);

using jquery accordion hides most of googleMap

I have an accordion widget with 2 tabs. Each of them has a GoogleMap. The first map get properly displayed but when I open the second one, only a portion of the map appears in the viewport.
If I remove the widget by commenting out the following code, both maps are properly displayed.
$("#accordion").accordion({
header: "h3", fillSpace: true, event: "mouseover"
});
How can I use this widget while still having both map displayed properly?
Check on http://forums.asp.net/t/1780781.aspx/1?using+jquery+accordion+hides+most+of+googleMap to get the code as it is quite a job to publish it on this site.
thanks a lot!
You'll need to observe the change-event of the accordion and trigger the resize-event for the map when it fires.
Example: http://jsfiddle.net/doktormolle/VqzPE/
The example stores the map inside the data of the accordion-content, so you may easy access it when change fires.

How to capture mouseover of an individual bar/datapoint in an ASP.Net Chart Control

I have a single series bar chart created programmatically in codebehind which I would like to display the Y point value (somewhere above the bar, or maybe as a tooltip) when the user hovers their mouse over a bar.
Is there a native onmouseover event for the bars of the chart, or is it something that should be added through series.MapAreaAttributes?
Thanks!
Edit
After some experimenting I've found the points.tooltip attribute which I can add at the same time I add the point which will do what I want it to do, but it would still be nice to know if you can capture events for the bars, just for future reference.
From Show all series' values in stacked bars mouseover (ASP.NET CHART)
series.MapAreaAttributes = "onmouseover=""showTooltip('#VALY');"""
Where your showTooltip function would do as you required.

Resources