StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjqplot tooltip Content Editor
text
Body
copied!<p>I m Facing Problem in Displaying tool tip for jq plot bar chart My jqPlot Code Is</p> <pre><code><script class="code" type="text/javascript"> $(document).ready(function(){ var s1 = [0,10,20,30,40,50,60,70,80,90,100]; var s2 = [-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,-0]; var ticks = ['01-jun','02-jun','03s-jun','04-jun','05-jun','06-jun','07-jun','08-jun','09-jun','10-jun']; var plot1 = $.jqplot('chart1', [s1, s2], { animate: !$.jqplot.use_excanvas, stackSeries: true, seriesDefaults:{ renderer:$.jqplot.BarRenderer, rendererOptions: {fillToZero: true, barPadding: 10,barMargin: 15}, pointLabels: { show: true } }, series: [ { color: '#68BA38',label:'Uptime' }, { color: 'red',label:'Downtime' }, { label:'abcd' } ], legend: { show: true, placement: 'outsideGrid' }, axes: { // Use a category axis on the x axis and use our custom ticks. xaxis: { pad: 1, renderer: $.jqplot.CategoryAxisRenderer, ticks: ticks }, // Pad the y axis just a little so bars can get close to, but // not touch, the grid boundaries. 1.2 is the default padding. yaxis: { pad: 1, min:-100, max: 100, } }, highlighter:{ show:true, tooltipContentEditor:tooltipContentEditor }, }); }); function tooltipContentEditor(str, seriesIndex, pointIndex, plot) { // display series_label, x-axis_tick, y-axis value return plot.series[seriesIndex]["label"] + ", " + plot.data[seriesIndex][pointIndex]; } </script> </code></pre> <p>Its Displaying Tooltip like this: uptime,20 or downtime,-20</p> <p>i Want To display Tooltip contain my tick value like: 01-jun</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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