jqueryプラグイン jqplotで
バブルチャートをズーム表示する方法を教えてください。
下記コードでズーム表示すると、ズームはするのですが、バブル要素がグラフの枠外にまではみ出て表示されてしまいます。
オプションの設定を色々試したり、公式ページも確認したのですが、
解決策がわかりませんでした。
html
1<!doctype html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" type="text/css" href="./dist/jquery.jqplot.css" /> 6 <!--[if IE]><script language="javascript" type="text/javascript" src="./dist/excanvas.js"></script><![endif]--> 7 <script language="javascript" type="text/javascript" src="./dist/jquery.min.js"></script> 8 <script language="javascript" type="text/javascript" src="./dist/jquery.jqplot.min.js"></script> 9 <script language="javascript" type="text/javascript" src="./dist/plugins/jqplot.logAxisRenderer.js"></script> 10 <script language="javascript" type="text/javascript" src="./dist/plugins/jqplot.bubbleRenderer.min.js"></script> 11 <script language="javascript" type="text/javascript" src="./dist/plugins/jqplot.cursor.min.js"></script> 12 13</head> 14<body> 15 16<div id="sample1" style="height: 300px; width: 300px;"></div> 17<script> 18jQuery( function() { 19 jQuery.jqplot( 20 'sample1', 21 [ 22 [ [ 1, 1, 1, 'A' ], [ 2, 2, 2, 'B' ], [ 3, 3, 3, 'C' ], [ 4, 4, 4, 'D' ], [ 5, 5, 5, 'E' ], [ 6, 6, 6, 'F' ] ] 23 ], 24 { 25 seriesDefaults: { 26 renderer: jQuery . jqplot . BubbleRenderer, 27 }, 28 cursor:{ 29 show: true, 30 zoom: true, 31 } 32 } 33 ); 34} ); 35</script> 36 37 38</body> 39</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。