0

基本的に要素で満たされた巨大な配列である大きな JSON ファイルがあります。jQuery を使用して、この JSON ファイルを HTML ページに読み込み、HTML を使用してアクセスできる HTML オブジェクトまたはテーブルに変換します。これを行った後、棒グラフをエミュレートするために角を丸くしたこの HTML ページにいくつかの DIV を作成します。これらの DIV の高さは、サーバーに保存されている現在の JSON データに応じて動的に変化する可能性がありますか? どうすればこれをすべて行うことができますか? JSON データをロードする方法、JSON データを変換する方法、およびこのデータに応じて DIV を変更する方法を知る必要があるだけです。以下は、JSON データとサンプル DIV コードの例です。

つまり、DIV の高さを「height: data[1].key1;」のようにしたいと考えています。

JSON サンプル:

  data: 
   [ { name: 'average',
       key1: x,
       key2: y,
       key3: z },

HTML div の例:

<div style="    margin: 0px auto 10px;
            padding: 4px;
            opacity: 1; border: 1px solid rgb(0, 0, 0);
            box-shadow: 0px 0px 1px rgb(0, 0, 0) inset;
            color: rgb(255, 235, 124);
            float: left;
            width: 0px;
            height: data[1].key1;
            background: #222222;
            left: 55px; 
            position: absolute; 
            top: 259px;
            border-radius: 0px 0px 0px 0px;" class="pane">
</div>
4

1 に答える 1

1

jQuery を使用すると、次のようなことができます。

$('.divSelector').css({ 'height': data[1].key1 + 'px' });

于 2012-12-29T16:04:37.860 に答える