chart.JS의 차트 업데이트 드롭 다운 버튼 사용

Question

저는 chart.Js를 사용하여 응용 프로그램에서 차트를 렌더링하고 있습니다. 내가 찾고있는 것은 사용자가 드롭 다운 버튼을 사용하여 두 개의 데이터 세트를 비교할 수 있도록하는 것입니다.

내가 발견 한 것을 편집하려고 시도했지만 제대로 작동 할 수 있습니다. 그 코드를 시도 : 당신은 선택 상자가 아닌 옵션의 ID test을 배치해야 https://jsfiddle.net/ben2pop/219hry2s/36/

Answer 1

: 당신에게 개요를 제공하는

document.getElementById('test').addEventListener('click', function() { 
     var newDataset = { 
     label: 'Dataset ' + config.data.datasets.length, 
     backgroundColor: "black", 
     borderColor: "black", 
     data: [], 
     fill: false 
     }; 
     for (var index = 0; index < config.data.labels.length; ++index) { 
     newDataset.data.push(randomScalingFactor()); 
     } 
     config.data.datasets.push(newDataset); 
     window.myLine.update(); 
    }); 

나는 모든 코드와 JSfiddle을 생성합니다. 변경

document.getElementById('test').addEventListener('click', function() { 

document.getElementById('test').addEventListener('change', function(e) { 

지금 당신이 e.target.val에 의해 변화의 값에 액세스하고 삽입 할 데이터를 결정할 수 있습니다/사용자 상호 작용을 기반으로 제거합니다.