如何按下按鈕時顯示條形圖（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是功能，使條形圖。

10倍， 佩裏

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]]); 
}