使用 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。

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

Non-static values for chart using CanvasJS?

javascript

jquery

charts

canvasjs

chart.js