2017-05-30 78 views
0

我试图显示一个按钮上的条形图,但没有成功,有人可以给我一个例子吗? (我在Java脚本新) 我尝试:如何按下按钮时显示条形图(jqplot)?

$("#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倍, 佩里

+0

你好请检查[MCVE]作为barchat代码可帮助 – Mederic

回答

0

给您的按钮的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]]); 
} 
+0

10倍,它工作,如果我只有一个按钮,如果我尝试2像她一样: https://jsfiddle.net/ha3y1omd/1/ 它不起作用,我希望这种情节将在1情节之间切换到另一个。 10x帮助 perry –

+0

您的意思是您想要有2个按钮,并且点击每个按钮后,图形将显示在相同的位置/ div上? – Pugh

+0

这里是更新后的代码 - https://jsfiddle.net/ha3y1omd/3/ – Pugh

相关问题