同じページに 2 つのグラフを挿入することは可能ですか? DB からデータを抽出し、ページにグラフを描画します。これは、グラフの描画に使用する擬似コードです。id 要素を変更しますが、最初のグラフのみを表示し、2 番目のグラフは機能しません。
<? $res_app = mysql_query("SELECT ... ")
...
?>
<div id="graph"></div>
<pre id="code" class="prettyprint linenums">
Morris.Donut({
element: 'graph',
data: [
{value: 70, label: 'foo'},
{value: 15, label: 'bar'},
{value: 10, label: 'baz'},
{value: 5, label: 'A really really long label'}
],
formatter: function (x) { return x + "%"}
});
</pre>
<? $res_app = mysql_query("SELECT ... ")
...
?>
<div id="graph1"></div>
<pre id="code" class="prettyprint linenums">
Morris.Donut({
element: 'graph1',
data: [
{value: 50, label: 'foo', formatted: 'at least 50%' },
{value: 25, label: 'bar', formatted: 'approx. 25%' },
{value: 20, label: 'baz', formatted: 'approx. 20%' },
{value: 5, label: 'A really really long label', formatted: 'at most 5%' }
],
formatter: function (x, data) { return data.formatted; }
});
</pre>