按下按钮时如何显示条形图（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]]);
}

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

how to display a bar chart (jqplot) when pressing a button?

javascript

jqplot