2010-10-27 22 views
0

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é?

Répondre

4

La seule chose que je vois cela pourrait être un problème évident est que vous n'êtes pas Activation des modules. Avant votre ligne de .jqplot $, vous avez besoin:

$.jqplot.config.enablePlugins = true; 

Voir le haut de la documentation page for the highlighter for more details

1

Pour moi, surligneur ne fonctionne pas si je définis série ou l'option seriesColors. Fonctionne réellement mais seulement pour la série aléatoire (probablement d'abord).

+0

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? –

+0

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. –

4

Je sais que c'est un vieux fil, mais pour tous ceux qui cherchent à ce qu'il aurait dû

highlighter:{ 
show: true} 

au lieu de

highligher :{ 
showTooltip: true} 
+0

Virgule flottante? Je ne pense pas. Cela va casser IE. – ThiefMaster

+0

"soupir" oui votre droit, mais vous pouvez passer toute la journée à régler des choses pour IE. Je suppose que c'était une réponse Hastily répondu, mais toutes les parties sont là.J'ai également manqué le t dans mon deuxième surligneur, en freinant chaque navigateur pour la victoire. –