afficher/masquer une ligne dans plusieurs séries dans igDataChart

Question

J'ai beaucoup cherché pour modifier la visibilité d'une ligne en série par bouton bascule près de la légende ou ailleurs mais n'a atteint rien de spécial.

C'est igDataChart avec des données en temps réel de deux champs ou plus et il est difficile de voir quelle valeur est liée aux champs parce que la plupart des données ont la même valeur en même temps. Pour résoudre ce problème, je veux cacher un ou plusieurs champs en série.

Y a-t-il une suggestion?

Answer 1

Jetez un coup d'œil aux "éléments visuels configurables" here.

Vous pouvez utiliser le online sample fourni afin de changer la visibilité des éléments tels que, série, marqueurs, lignes d'axe etc.

$("#priceSeries").click(function() { 
      var posBrush = ($(this).is(":checked")) ? priceSeriesPositiveBrush : transperantBrush; 
      var negBrush = ($(this).is(":checked")) ? priceSeriesNegativeBrush : transperantBrush; 
      var outlineBrush = ($(this).is(":checked")) ? priceSeriesOutline : transperantBrush; 
      var visibility = ($(this).is(":checked")) ? "visible" : "collapsed"; 
      $("#chart").igDataChart("option", "series", [ 
       { 
        name: "priceSeries", 
        brush: posBrush, negativeBrush: negBrush, outline: outlineBrush, 
        legendItemVisibility: visibility 
       }]); 
      $("#chart").igDataChart("styleUpdated"); 
     });