score:0

try a 'change' event on each of the selects which loads the appropriate data for the selected option, removes the existing data from the dataset and pushes the new data onto the dataset.

        $('.team-one').change(function () {
          var sel = $(this).val();
          var newdata = [];
          switch(sel) {
            case 'person two':
              newdata = ['insert data for person two'];
              mychart.datasets[0].data.length = 0;
              mychart.datasets[0].data.push.apply(
                mychart.datasets[0].data, newdata);
              break;
            case 'individual three':
//structure as above with data for individual three
              break;
           case 'person four':
//structure as above with data for person four
              break;
            default:
//structure as above with data for sample one
          }
          mychart.update();
        });

Related Query