2010-10-27 5 views
11

jqPlot change la couleur du remplissage lorsque la souris plane ... Je veux supprimer cet effet .. Comment ??jqplot change la couleur du graphique sur le curseur de la souris

Voici les options utilisées:

var options={ 
    series: [{ 
      neighborThreshold: -1, 
      shadowAngle:0, 
      shadowOffset:2.5, 
      shadowAlpha:.05, 
      shadowDepth:5 
     }], 
    seriesDefaults: { 
     color: '#224', 
     fill: true,  // fill under the line, 
     fillAndStroke: true,  // *stroke a line at top of fill area. 
     fillColor: '#66CCCC',  // *custom fill color for filled lines (default is line color). 
     fillAlpha: 0.2,  // *custom alpha to apply to fillColor. 
     markerRenderer: $.jqplot.MarkerRenderer, // renderer to use to draw the data 
     // point markers. 
     markerOptions: { 
      show: false,    // wether to show data point markers. 
      style: 'filledCircle', // circle, diamond, square, filledCircle. 
      // filledDiamond or filledSquare. 
      lineWidth: 2,  // width of the stroke drawing the marker. 
      size: 9,   // size (diameter, edge length, etc.) of the marker. 
      color: '#FFFF00', // color of marker, set to color of line by default. 
      shadow: true,  // wether to draw shadow on marker or not. 
      shadowAngle: 45, // angle of the shadow. Clockwise from x axis. 
      shadowOffset: 1, // offset from the line of the shadow, 
      shadowDepth: 3,  // Number of strokes to make when drawing shadow. Each stroke 
      // offset by shadowOffset from the last. 
      shadowAlpha: 0.07 // Opacity of the shadow 
     }, 
     trendline: { 
      show: false,   // show the trend line 
      color: '#666666', // CSS color spec for the trend line. 
      label: '',   // label for the trend line. 
      type: 'linear',  // 'linear', 'exponential' or 'exp' 
      shadow: true,  // show the trend line shadow. 
      lineWidth: 1.5,  // width of the trend line. 
      shadowAngle: 45, // angle of the shadow. Clockwise from x axis. 
      shadowOffset: 1.5, // offset from the line of the shadow. 
      shadowDepth: 3,  // Number of strokes to make when drawing shadow. 
      // Each stroke offset by shadowOffset from the last. 
      shadowAlpha: 0.07 // Opacity of the shadow 
     } 
    }, 
    grid: { 
     drawGridLines: true,  // wether to draw lines across the grid or not. 
     gridLineColor: '#d0d0d0', // *Color of the grid lines. 
     background: '#ffffff',  // CSS color spec for background color of grid. 
     borderColor: '#ffffff',  // CSS color spec for border around grid. 
     borderWidth: 2.0,   // pixel width of border around grid. 
     shadow: true,    // draw a shadow for grid. 
     shadowAngle: 45,   // angle of the shadow. Clockwise from x axis. 
     shadowOffset: 1.5,   // offset from the line of the shadow. 
     shadowWidth: 3,    // width of the stroke for the shadow. 
     shadowDepth: 3,    // Number of strokes to make when drawing shadow. 
     // Each stroke offset by shadowOffset from the last. 
     shadowAlpha: 0.07,   // Opacity of the shadow 
     renderer: $.jqplot.CanvasGridRenderer, // renderer to use to draw the grid. 
     rendererOptions: {}   // options to pass to the renderer. Note, the default 
     // CanvasGridRenderer takes no additional options. 
    }, 
    axes: { 
     xaxis: { 
      renderer:$.jqplot.DateAxisRenderer, 
      rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer}, 
      tickOptions:{ 
       formatString:'%b %#d,%y' 

      } 
     }, 
     yaxis: {  
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 
      borderColor:'#808080', 
      renderer: $.jqplot.LogAxisRenderer, 
      autoscale:true, 
      min:0, 
      tickOptions:{formatString:'$%.2f'} 
     } 
    }, 
    highlighter: { 
     show:true, 
     sizeAdjust: 7.5 
    }, 
    cursor:{zoom:true, showTooltip:true}, 
    legend:{show:false} 
}; 
+1

Il serait intéressant de voir votre code ... –

+0

facile de créer, il suffit de prendre un graphique simple, set « remplissage: true » des défauts de la série, ajoutez commande de zoom, et vous verrez ce que je veux dire .. Publiera le code dans quelques heures, je suis revenu de mon lieu de travail ... – Shrinath

Répondre

25

Il y avait un changement dans la version jqueryplot 0.9.7-546 et plus tard qui a ajouté quelques nouvelles propriétés pour les séries:

seriesDefaults: { 
    rendererOptions: { 
     highlightMouseOver: true, 
     highlightMouseDown: false, 
     highlightColor: null, 
    }, 
}, 

Si vous définissez highlightMouseOver à false, cela disparaît.

More details are available in the source code for the line renderer

+0

Merci Sean :) Je suis heureux que quelqu'un a finalement posté quelque chose qui fonctionne dans ce fil :) J'ai parcouru les fichiers source de jqplot, mais Je n'ai rien trouvé là-bas, sinon que je devais modifier leurs fonctions de traçage ... – Shrinath

+0

Merci beaucoup pour l'info Sean, ça a l'air de très bien fonctionner. – zenzelezz

+2

Oui, il m'a fallu du temps pour comprendre, mais comme j'ai vu plusieurs questions à ce sujet sans réponse, j'ai décidé de creuser un peu. J'ai téléchargé autour d'une douzaine de versions et les ai essayé d'isoler où il a commencé ce comportement, puis j'ai fait un diff entre les versions. Malheureusement, cela a entraîné une différence de plus de 3000 lignes, mais après un faux départ, j'ai pu trouver le changement en cherchant ce diff. –

Questions connexes