使用 CanvasJS 的图表的非静态值？

Question

我正在尝试弄清楚如何使用 CanvasJs 制作动态条形图。

图表的基本设置如下：

var chart = new CanvasJS.Chart("chartContainer", {
        theme: "theme2",//theme1
        title:{
            text: "Basic Column Chart - CanvasJS"              
        },
        animationEnabled: false,   // change to true
        data: [              
        {
            // Change type to "bar", "area", "spline", "pie",etc.
            type: "column",
            dataPoints: [
                { label: "apple",  y: 10  },
                { label: "orange", y: 15  },
                { label: "banana", y: 25  },
                { label: "mango",  y: 30  },
                { label: "grape",  y: 28  }
            ]
        }
        ]
    });
    chart.render();
} 

我的目标是使用一个简单的变量来更新数据点，而不是像 10、15、25 这样的静态数字。

用户将输入数字，图表应根据他们的输入进行更新。

这可能吗？到目前为止，将“Y”设置为变量会破坏图表。我不确定如何使这项工作。

我也试过设置var input = $('input').html 并将 y 设置为输入，但它不起作用。

谢谢！

Answer 1

如果其他人试图解决这个问题，这里是如何处理的： Use variable to assign data points in creating CanvasJS graph?.

这也适用于 Charts.JS。