chart.JSのグラフをドロップダウンボタンを使用して更新する

Question

私はchart.Jsを使ってグラフをアプリケーションでレンダリングしています。 私が探しているのは、ユーザーにドロップダウンボタンを使って2つのデータセットを比較できるようにすることです。

私が見つけたものを編集しようとしましたが、動作させることができます。 私はそのコードを試みた：あなたが選択ボックスではなくオプションで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('change', function(e) { 

へ 変更

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

今はe.target.valにより変更の値にアクセスし、ユーザーとの対話に基づいて/削除を挿入したいデータを決めることができます。