Question

我正在使用chart.Js在应用程序中呈现图表。我正在寻找的是让用户能够使用下拉按钮比较两个数据集。

我尝试编辑我发现的东西，但我可以设法让它工作。我试过那段代码：

 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，为您提供概述： https://jsfiddle.net/ben2pop/219hry2s/36/

Answer 1

您需要在选择框中放置ID test，而不是选项。变化

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

要

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

现在您可以按e.target.val访问更改的值，并根据用户互动决定要插入/删除的数据。

使用下拉按钮更新chart.JS中的图表

1 个答案: