Je travaille avec JQPlot pour une semaine maintenant et je me cogner la tête contre le mur en essayant de se mettre en évidence de travail. Je suis le chargement des fichiers CSS et .js suivants ...difficulté à obtenir jqplot surligneur aller
jquery.jqplot.min.css
jQueryCombined.css
... un couple d'autres qui ne se rapportent pas ...
jquery -1.4.2.min.js
jquery-ui-1.8rc3.custom.min.js
jquery.tree.js
fancybox/jquery.fancybox-1.3.1.js
functions.js
jquery .calendar-widget.js
jquery.validate.min.js
jquery.form.js validation supplémentaire-methods.js
thickbox.js
jquery.jqplot.min.js
plugins/jqplot.canvasTextRenderer.min.js
plugins/jqplot.canvasAxisLabelRenderer.min.js
plugins/jqplot.dateAxisRenderer.min.js
plugins/jqplot.canvasAxisTickRenderer.min.js
plugins/jqplot.highlighter.min.js
plugins/jqplot.cursor .min.js
jquery.pstrength-min.1.2.js
jquery.qtip-rc3.min.js-
1.0.0 fileuploader.js
Et voici la JS pour produire un graphique:
function plotGraph628() { var line1 = [[1, 1.366556], [2, 1.317904], [3, 1.406245], [4, 1.590483], [5, 1.716111], [6, 1.815133], [7, 1.92456]]; var line2 = [[1, 1.36964213], [2, 1.35712154], [3, 1.36646157], [4, 1.35650663], [5, 1.54406956], [6, 1.78211369], [7, 1.86560989], [8, 1.94269674], [9, 1.81608062], [10, 2.03318191], [11, 1.58755349], [12, 1.42688531]]; var line3 = [[1, 1.4628504486138], [2, 1.602621125026], [3, 1.7262261361072], [4, 1.942346002723], [5, 2.060941295693], [6, 2.4290269175071], [7, 2.3278644684844], [8, 2.2806395719139], [9, 2.1383304036506], [10, 2.2496371015956], [11, 1.8309307748663], [12, 1.7967678025669]]; var lineM = [[1, -0.065826584463948], [2, -0.17765716461611], [3, -0.18536455300624], [4, -0.18115361641526], [5, -0.1673168936998], [6, -0.25273244733621], [7, -0.1732508373853]];<br />
$.jqplot('flot628', [ line1, line2, line3, lineM], {<br />
title: '',<br />
legend:{show:true},<br />
highlighter: {sizeAdjust: 10, tooltipAxes: 'y', showTooltip: true},<br />
cursor: {show: false},<br />
series: [<br />
{ label: 'FY-10', showLine: true, showMarker: true, markerOptions: {style: 'circle'}},<br />
{ label: 'FY-09', showLine: true, showMarker: true, markerOptions: {style: 'diamond'}},<br />
{ label: 'Plan-10', showLine: true, showMarker: true, markerOptions: {style: 'square'}},<br />
{ label: 'Revenue: Total Monthly', yaxis: 'y2axis', showLine: true, showMarker: true, markerOptions: {style: 'filledDiamond'}}],<br />
axes: <br />
{xaxis: {<br />
ticks: [[1, "Jan"], [2, "Feb"], [3, "Mar"], [4, "Apr"], [5, "May"], [6, "Jun"], [7, "Jul"], [8, "Aug"], [9, "Sep"], [10, "Oct"], [11, "Nov"], [12, "Dec"]],<br />
renderer:$.jqplot.CategoryAxisRenderer,<br />
rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},<br />
tickOptions:{<br />
formatString:"%s", <br />
fontSize:"10pt", <br />
fontFamily:"Georgia", <br />
angle:-30<br />
},<br />
labelOptions: {<br />
enableFontSupport: true,<br />
fontFamily: "Georgia",<br />
fontSize: "12pt"<br />
}},<br />
yaxis: {labelRenderer: $.jqplot.CanvasAxisLabelRenderer,<br />
label: "Millions",<br />
tickOptions:{formatString:"%.2f"},<br />
labelOptions: {<br />
enableFontSupport: true,<br />
fontFamily: "Georgia",<br />
fontSize: "12pt"<br />
}},<br />
y2axis: {labelRenderer: $.jqplot.CanvasAxisLabelRenderer,<br />
label: "%",<br />
labelOptions: {<br />
enableFontSupport: true,<br />
fontFamily: "Georgia",<br />
fontSize: "12pt"<br />
}}<br />
}}<br />
)};<br />
<br />
<br />
Tout SAUF le surligneur fonctionne absolument parfaitement. Quelqu'un peut-il me dire ce que je fais de mal à faire fonctionner cette fonctionnalité?
Mon Dieu. Cela l'a fait pour moi. Quelqu'un a une idée de pourquoi cela serait le cas? Que se passe-t-il si vous voulez choisir les couleurs? –
J'ai dû changer la couleur de ma série en leur représentation hexadécimale. Je ne pouvais pas simplement utiliser des noms comme «rouge», «bleu» et «vert». J'espère que cela aidera quelqu'un dans le futur. –