JqChart - 如何在同一页面上显示两个图形?

时间:2012-08-02 03:38:32

标签: jquery charts jqchart

如何在同一页面上显示两个图表?

我试图在折线图旁边放置一个柱形图,并在函数中使用具有不同名称的变量,这两个图形是冲突的。在firebug中没有显示错误,但图形是“疯狂的”。

http://www.jqchart.com

1 个答案:

答案 0 :(得分:4)

您需要拥有不同的ID。您可以添加2个不同名称的div包含,并使用$('#selector')创建图表:

...
$('#jqChart1').jqChart({...});
$('#jqChart2').jqChart({...});
... 
<div id="jqChart1" style="width: 400px; height: 250px;">
</div>
<div id="jqChart2" style="width: 400px; height: 250px;">
</div>
...

您也可以查看此示例: http://www.jqchart.com/samples/FinancialCharts/StockChartWithVolume

页面上有2个图表。