按下按钮时如何显示条形图(jqplot)?

时间:2017-05-30 07:01:53

标签: javascript jqplot

我尝试按下按钮时显示条形图但没有成功,有人可以举个例子吗? (我是java脚本中的新手) 我试着说:

$("#vm_buttons").button();
        $("#vm_buttons").click(function (evt) {
            // increment the value of output
          //  alert ('click');
            bar_chart_add('test_1',[1,3,4],[2,5,6] ,"test",['a','b','c']);

        });

bar_chart是制作条形图的功能。

10倍, 佩里

1 个答案:

答案 0 :(得分:0)

为您的按钮添加ID。然后,使用单击(function())来实现功能。我在示例中使用了jqplot -

看到这个 - https://jsfiddle.net/ha3y1omd/

<button type="button" id="btnclick" class="btn btn-primary">Primary</button>

<div class="container" id="chart1">
</div>

在您的JS文件中,

 $(document).ready(function(){
    $('#btnclick').click(function(){
       CapacityChart();
    });
  });

function CapacityChart()    {
       var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
}