2016-08-29 1 views
0

私は<embed src="..."></embed>を使用して対話型プロットを挿入し、ブートストラップに反応させようとしています。うまく動作しますが、グラフの最大サイズを小さくしたいので、解決策が見つかりません。embed-responsiveブートストラップクラス内にmax-height埋め込み要素を設定します

<div class="embed-responsive embed-responsive-4by3"> 
    <embed src="{{payment_methods_plots[account]}}"></embed> 
</div> 

私の3つの失敗したアプローチは、次のとおりです:

  1. CSS style="max-height: ...px;"でのdivとスタイル、それを内側に置く:半分に画像をカットこれは、作業(しかし、巨大な)プロットです。
  2. heightプロパティを<embed>に設定してください:機能していません。
  3. CSSプロパティーを追加しようとしました(max-height: ...px;)embed-responsive-4by3:失敗しました。

EDIT:チャートは(BASE64でコード化)pygal Pythonライブラリによって生成されたダイナミックチャートです。 embed-responsive-4by3に重要な

https://jsfiddle.net/e6L5oLxe/

+1

あなたのポイントは悪いです(666)ので、私はupvote、LOLでそれらを変更するのは嫌です:) – webeno

+0

lol "SOの呪われた担当者" –

答えて

-1

てみ使用し、彼の親を見て、そこに最大の高さを設定します!これはグラフの一例です。これらのソリューションのいずれも動作しない場合は

は、私たちにjsFiddleまたはplunker例を提供してください。

+0

ありがとうございます。チャートのjsFiddleの例を添付します。 –

関連する問題