Forum Replies Created

Viewing 1 post (of 1 total)
  • Author
    Posts
  • in reply to: Question: How to toggle series using the legend #4789

    workaround for this could be to add a event handler.. i added a click event to hide data series as below.
    works but there are event collisions and it appears that the tooltip is using a “previousDataPointEventObject” object which gets lost when i ravage the data object. this makes the errors stack up pretty quick but is effective until i figure out how to reset the previousDataPoint

    //appending series
     dp.push({
                  type: 'spline',
                  dataPoints: x.data[key],
                  click: seriesToggle,
                  showInLegend: true,
                  toolTipContent: "<b>{name}</b><br>{x}: {y}",
                  name: key,
                  legendText: key
                });
    
      function seriesToggle(e){
        if(chart.options.data.length == 1){//restore..
          chart.options.data = data.chart;
          data.chart = [];//clear backup
        } else {
          var series = e.dataSeries.name;
          data.chart = chart.options.data;//backup data
          for(var i in data.chart){
            if(data.chart[i].name == series){
              chart.options.data = [ data.chart[i] ]; //only show clicked series
              break;
            }
          }
        }
        chart.render();
      }
    
Viewing 1 post (of 1 total)