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 回答