0

iFrame 内で動的に作成された div で Highcharts をレンダリングしようとしています。

HTML部分：

<div id="fr">Get iframe</div>
<div id="ch9">
<div id="chart3"> chart2</div>
</div>
<p><iframe id="ifr"></iframe></p>

jQuery の部分:

  1. iframe 内に div を作成します。

    var iframeContent;
 $(関数 () {
         $("#fr").click(関数 () {
             $('#ifr').contents().find('body').html($('#ch9').html());
             iframeContent = $('#ifr').contents().find('#ch3');
         });

  2. Highchart を iframeContent 要素 (コードの一部) にロードしてみてください。

    .....
chart2= new Highcharts.Chart({
        チャート： {
    renderTo:iframeContent、
            タイプ: 'スプライン',
……

しかし、それは機能せず、エラーがスローされます

Object has no method setAttribute

どうすればこれを修正できますか?

ありがとう

4

2 に答える 2

-1

IDを渡す

renderTo : 'containerId'

オブジェクトを使用する場合は、ID をiframeContent[0]抽出するか、ID を抽出してチャートに渡します。

編集：別の例。

highcharts 3.* を使用している場合は、 $("#container").highcharts({}); を使用できます。ここでは、iframeContent..highcharts({}); と同等です。

于 2013-11-11T08:54:53.957 に答える