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

Question

我尝试在按下按钮上显示条形图，但没有成功，有人可以给我一个例子吗？(我是新来的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是制造条形图的函数。

10x，佩里

Answer 1

给您的按钮一个ID。然后，使用Click(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]]);
}