📊 Mute Regions: Line

🔑 Sample Code

var line = jelly.line().container('#jelly-container')
  .data([
    {category:'AAA', x: 1000, y: 10},{category:'AAA', x: 2000, y: 20},
    {category:'AAA', x: 3000, y: 30},{category:'AAA', x: 4000, y: 40},
    {category:'AAA', x: 1000, y: 50},{category:'AAA', x: 2000, y: 30},
    {category:'AAA', x: 3000, y: 40},{category:'AAA', x: 4000, y: 100},
    {category:'BBB', x: 1000, y: 80},{category:'BBB', x: 2000, y: 60},
    {category:'BBB', x: 3000, y: 50},{category:'BBB', x: 4000, y: 70},
    {category:'BBB', x: 1000, y: 20},{category:'BBB', x: 2000, y: 60},
    {category:'BBB', x: 3000, y: 50},{category:'BBB', x: 4000, y: 60}
  ]).dimensions([
    {
      field: 'x',
      order: 'ascending'
    }, {
      field: 'category',
      order: 'descending'
    }])
  .measures({field:'y', op:'mean'})
  .axis('x').axis('y')
  .legend(true)
  .point(true)
  .multiTooltip(true)

line.render();

var mutePhase = true; 
setInterval(function() {
  if (mutePhase) {
    line.muteRegions('AAA'); //mute regions except for ones with AAA key
  } else {
    line.demuteRegions(function(d) {
      return d.key !== 'AAA'; //recover regions except for ones with AAA key
    });
  }
  mutePhase = !mutePhase;
}, 800)