jQuery の jqPlotプラグイン

jQuery の jqPlotプラグインを利用し開設しているサイトにて、下記のコードでグラフを表示させています。

同じページ内に、別にもう一つグラフを設置したいと思っているのですが、どのようなコードを追加すれば良いでしょうか？
現在掲載しているのは二つの折れ線グラフ（同じグラフ内に二つの線）ですが、追加したいのは一つの折れ線グラフです。

ご存知の方いらっしゃいましたら、ご教示ください。
よろしくお願いします。

<script language="JavaScript">
$(function(){
first = [ [1,11],[2,16],[3,16],[4,14],[5,11],[6,12],[7,12],[8,12],[9,12],[10,15],[11,15],[12,13],[13,12],[14,14],[15,11],];
second = [[1,8],[2,5],[4,12],[5,12],[6,15],[7,12],[8,11],[9,9],[10,10],[3,9],[11,12],[12,12],[13,12],[14,15],[15,15],];
$.jqplot(
'line',
[
first,second
],
{
seriesDefaults: {
pointLabels: {
show: true,
formatString: '%d'
}
},
axes: {
yaxis: {
ticks: [[17,""],[16,"16位"],[15,"15位"],[14,"14位"],[13,"13位"],[12,"12位"],[11,"11位"],[10,"10位"],[9,"9位"],[8,"8位"],[7,"7位"],[6,"6位"],[5,"5位"],[4,"4位"],[3,"3位"],[2,"2位"],[1,"1位"],[0,""]],
},
xaxis: {
min:1,
max:15,
ticks: [[0,""],[1,"1節"],[2,"2節"],[3,"3節"],[4,"4節"],[5,"5節"],[6,"6節"],[7,"7節"],[8,"8節"],[9,"9節"],[10,"11節"],[11,"12節"],[12,"13節"],[13,"14節"],[14,"10節"],[15,"15節"],[16,""]],
},
},
series: [
{ label: '1st' },
{ label: '2nd',color: 'gray' },
],
legend: {
show: true,
location: 'ne',
}
}
);
});
</script>

<div id="line" style="height: 350px; width: 90%;margin:0 auto;"></div>

No.1 ベストアンサー 回答者： fujillin 回答日時： 2020/01/07 13:39

こんにちは

回答がないようなので・・・

試してはいませんが、ドキュメントを見る限り、基本的な使い方として
　$.jqplot( id, data, options )
で、グラフを作成しているようです。
http://www.jqplot.com/docs/files/usage-txt.html

＞追加したいのは一つの折れ線グラフです。
既に作成してあるグラフとは別に（独立した）新しいグラフを作成したいという意味と解釈しました。
作成する対象要素のIDをid2とするなら、
　$.jqplot( id2, data2, options2 )
で作成できるものと思います。
http://kwski.net/jquery/1083/

この回答へのお礼

回答ありがとうございました。
無事、二つ目のグラフを表示することができました。

お礼日時：2020/01/08 17:48