重绘jqBarGraph

时间:2014-10-13 00:29:57

标签: javascript jquery jqbargraph

我正在使用jqBarGraph在页面上绘制图形,但在页面加载后,图形会更新为新值。如何重绘图表?

我正在更新我用于初始化图形的数组,然后重新使用它来初始化图形(发生在each()内)。

初始数组:

array_msa_graph_1 = new Array(
    [12300, 'MSA', '#88c100'],
    [0, 'Gap', '#5e8500'],
    [12300, 'ATB', '#74a400']
);

jQuery('#msa_graph_1').jqbargraph({
    data: array_msa_graph_1
});

更新数组:

var graph_id = $(this).find('.msa_graph').attr('id');
var array_name = 'array_' + graph_id;
var graph_array = eval(array_name);

var msa_value = getMSA(graph_id);

graph_array[0][0] = msa_value;

$('#' + graph_id).jqbargraph({
    data: graph_array
});

但是,在重绘过程​​中,似乎数组会附加到现有的图形中,并且不会更新现有的列和标签。

我做错了什么?

1 个答案:

答案 0 :(得分:1)

哇,这是一个很老的帖子。我也在使用这个插件实现条形图。我昨天遇到了这个麻烦。我设法通过查看他们的页面源来解决这个问题。我发现该人能够清除图表上的修改。因此,这行代码重置了值。 $('#DivforGraph').html(''); //reset graph during dynamic change:)

*我会在这里发布解决方案。也许有人会像我们一样面临同样的问题!干杯! ^ _ ^