jqplot-tooltip-Content-Editor
I m vor Problem bei der Anzeige von tool-Tipp für jq plot bar chart
Meine jqPlot-Code Ist
<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>
Seine Tooltip Anzeigen wie diese: uptime,20 oder Ausfallzeiten,-20
Möchte ich Zum anzeigen von QuickInfo enthalten meine tick-Wert: 01-jun
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hatte genau diese Frage mich, so dass ich verwendet Firefox die Web Developer tools zu prüfen, die
plot
Objekt in dertooltipContentEditor
Funktion zu finden, wo die x-Achsenbeschriftungen werden. Es ist inplot.options.axes.xaxis.ticks
. Also der code, den Sie möchten, um Ihre Daten Punkt auf der x-Achse label:Dies ist der x-Achsen-Beschriftung für den Punkt-index in Frage stellen.
Meine komplette code für die callback-Funktion, die ich jetzt benutze, ist:
Dies zeigt, der Serie label, die x-Achse Beschriftung, dann die data-point-Wert.
Ich denke, es könnte so etwas wie