Databases
StackOverflow2013
Postsdbo
POjqplot tooltip display on touch instead of jqplotDataHighlight or higlightMouseOver or highlightMouseDown
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjqplot tooltip display on touch instead of jqplotDataHighlight or higlightMouseOver or highlightMouseDown
    primarykey
    data
    text
    <p>I am using the jqplotDataHighlight option to display the tooltip on a chart on MouseOver.</p> <pre><code>$("#"+sTargetId).bind('jqplotcustomDataHighlight', function (ev, seriesIndex, pointIndex, data) { var chart_left = $("#"+sTargetId).offset().left, chart_right = ($(window).width() - ($("#"+sTargetId).offset().left + $("#"+sTargetId).outerWidth())), chart_top = $("#"+sTargetId).offset().top, x = oPlot.axes.xaxis.u2p(data[0]), // convert x axis units to pixels y = oPlot.axes.yaxis.u2p(data[1]);; var tooltipData = data[1]*scale; $('#tooltip').css({left:chart_left+x, top:chart_top+y, marginRight:chart_right}); $('#tooltip').html('&lt;span style="font-family: Arial;font-size:'+sTooltip+';font:bold;color:#000000;"&gt;' +sXDisplay+': '+ tooltipData + '&lt;/span&gt;'); $('#tooltip').show(); }); $("#"+sTargetId).bind('jqplotcustomDataUnhighlight', function (ev, seriesIndex, pointIndex, data) { $('#tooltip').empty(); $('#tooltip').hide(); }); </code></pre> <p>It works fine.On iPad, i want the tooltip to be displayed on some touch event.How can i implement it?</p> <pre><code> // prop: highlightMouseOver // True to highlight slice when moused over. // This must be false to enable highlightMouseDown to highlight when clicking on a slice. this.highlightMouseOver = true; // prop: highlightMouseDown // True to highlight when a mouse button is pressed over a slice. // This will be disabled if highlightMouseOver is true. this.highlightMouseDown = false; </code></pre> <p>I have observed that only the above two options are available. How can I implement it on touchstart or so? Displaying the tooltip on doubleclick or any other event would also be helpful</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser930514
    1. USuser930514
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjqplot tooltip display on touch instead of jqplotDataHighlight or higlightMouseOver or highlightMouseDown
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POjqplot tooltip display on touch instead of jqplotDataHighlight or higlightMouseOver or highlightMouseDown
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload