igDataChartで複数のシリーズの行を表示/非表示

Question

凡例の近くのトグルボタンなどで一連の行の表示を変更するために多くを検索しましたが、何も特別なことはありませんでした。

これは2つ以上のフィールドのリアルタイムデータを持つigDataChartで、ほとんどのデータが同時に同じ値を持つため、どの値がフィールドに関連しているかを確認するのは難しいです。この問題を解決するには、1つ以上のフィールドを連続して非表示にする必要があります。

提案はありますか？

Answer 1

「設定可能なビジュアルエレメント」のトピックhereを参照してください。

あなたが等シリーズ、マーカー、軸線

$("#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"); 
     }); 

、同様の要素の可視性を変更するために設けられ online sampleを使用することができ