按下按钮时如何显示条形图（jqplot）？

Question

i try to display a bar chart on a pressing on a button but without success , can some one can give me an example ? ( i'm new in java script) i try that:

$("#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 is function that make bar chart .

10x, perry

Answer 1

Give your button an ID. Then, use the click(function()) to achieve the functionality. I used jqplot in the example -

See this - https://jsfiddle.net/ha3y1omd/

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

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

In your JS file,

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

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