is there any jquery plugin that enables you to programmatically call a tooltip that will show up under the mouse?
Why I am looking for this is because I have a pie graph made with jquery flot. You can have it call a function when hovering a field in the pie, so this essentially has to be called from a function, and NOT tied to an object on the page.
Thanks in advance, I couldn't really find anything on google searching
Have you looked at the cursormessage plugin?
http://plugins.jquery.com/project/CursorMessage
Alternatively you could try combining clueTip's sticky and mouse follow options:
http://plugins.learningjquery.com/cluetip/demo/
Related
I'm creating a graph with react-vis-js. The graph should be moved in unity with a map that is shown behind the graph. Therefore, I created custom Arrow and Zoom keys. They Work fine with the map. Now I am trying to implement the keys for the graph.
I tried to find a way to move the center of the graph but unfortunately there isn't a way of doing this. Furthermore, I tried to find a way to trigger the keypress events of the keyboard in the onclick of the buttons. The only thing I found was jQuery code that looked like this:$('item').keydown();
This didn't seem to work either. I think it's because this is actually meant to be used as listener not as trigger.
Questions:
Is there a way to have custom buttons for visjs to move and zoom the graph?
Is there a way to trigger keyboard button events with javascript UI buttons?
Do you have other ideas of solving this issue?
The example linked here shows that tooltips relies on the manipulation of the label attribute, which I am currently using as the legend. How do I go about implementing this?
The tooltip doesn't rely on the label. You can use the label in the tooltip, but you don't have to.
Just follow the examples and if you have a specific problem, come back here (and create a fiddle if possible).
I am a beginner with jQuery and looking to build a short plugin for my requirement. I am looking to build a light and short timeline like plugin which has to look something like the following:
The green bar below has two small rectangles which can be moved left and right towards or away from each other to zoom in / zoom out the content of the timeline above (orange bar). I tried to find similar plugin which I could use as a reference to write to zoom in/zoom out using the slider.
I found some timeline plugins such as Timeglider etc. which have the zoom functionality implemented in a different way and not similar to the above figure (where I could use two rectangles to zoom in/zoom out and zoom timeline in orange bar).
I wanted to ask for suggestions about where I could find a similar plugin that I could use as a reference to see how zooming using slider is implemented. Or if there's no such already plugin, I would appreciate some help on how to go about the zooming functionaility for the plugin.
Do you know, that there is the slider plugin for jQuery UI (link). It will be just question of styling it, connecting to slide event and changing zoom level on the go.
I would expand my answer, but I lack some more information about your HTML layout, Would like to see some code of yours in jsfiddle.net.
I came across this Jquery based pie chart online. You can download it freely from here: http://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/
I am unable to convert the mouse click function of sliding pie pieces to react on mousehover in the same way. There seem to be an issue with the way they react to mouse hover. However, when the same mousehover is applied to the table, there is no problem and the pie chart reacts as expected. Can you please look into the code and tell me what needs to be changed in order to get the pie chart to expand on mouse hover.
Thank you very much.
The reason the hover event doesn't work on the chart, is because the chart is a canvas element. The slices aren't separate elements. So you need to use a mousestop event, that gets called every time the user hover over a slice and holds the mouse still.
The mousestop event doesn't come with Jquery, but Richard Scarrott made a Jquery plugin: http://www.richardscarrott.co.uk/posts/view/jquery-mousestop-event
You can use it on the chart like this:
$('#chart').mousestop(100, handleChartClick);
I'm searching for a JavaScript library through which i can create charts that link to other charts or embed them. For example, let's say we have a pie chart, if someone clicks on a pie's slice, another different chart appears.
I'm using the Google Charts API and jqPlot at the moment, but so far I haven't found a way to add links or js functions when someone is clicking on a chart's element. Any help for any library will be appreciated.
Thank you.
They all allow event handling
Here is one
http://g.raphaeljs.com/piechart2.html