jquery - 如何在 jqplot 条形图中的数组中动态获取值？

Question

我正在使用 jqplot 创建条形图。

代码如下。

<script class="code" type="text/javascript">

$(document).ready(function(){

var user1 = ['17','12','3'];
var user2 = ['45','12','5'];
var user3 = ['35','10','4'];
var user4 = ['25','12','8'];

    var ticks = ['Submission','Sentouts','Interviews'];
    plot2 = $.jqplot('chart3', [user1,user2,user3,user4], {
        seriesColors:['#35A6C5', '#FF0000', '#35A612', '#000000'],
        seriesDefaults: {
            renderer:$.jqplot.BarRenderer,
            rendererOptions: {
            fillToZero: true,
            barWidth: 10,
            highlightMouseDown: true   
            },

            pointLabels: { show: true },

        },

在这里，我已经完成了硬编码，并且只占用了 4 个用户。

如何动态拥有用户？每个用户的数组中的值（数字）也将是动态的。

请建议。

谢谢你。

Answer 1

您可以简单地使数据源成为检索数据的函数。尝试这样的事情

plot2 = $.jqplot('chart3', getUserArrays(), {
    ....
}


function getUserArrays(){
    //create the dynamic data
    var users = [];

    //retrieve data for each user and then push to users array
    // ...

    return users;
}