Question

数组是

array = [{
    humidity: 100
    , max_temp: 289.48
    , min_temp: 288.597
    , pressure: 1005.27
    , sea_level: 1030.68
}
, {
    humidity: 84
    , max_temp: 300.73
    , min_temp: 298.697
    , pressure: 1026.02
    , sea_level: 1026.67
}]

HTML中的代码

<div class="chart" ng-repeat="obj in array">
            <div id="resizable">
                <div zingchart zc-values="myValues" zc-json="myJson" zc-width="100%" zc-height="100%"></div>
            </div>
            <ul class="chartinfo">
                <li>0 : Humidity {{obj.humidity}}</li>
                <li>1 : Maximum Temprature {{obj.max_temp}}</li>
                <li>2 : Minimum Temprature {{obj.min_temp}}</li>
                <li>3 : Pressure {{obj.pressure}}</li>
                <li>4 : Sea Level {{obj.sea_level}}</li>
            </ul>

        </div>

ul li中的数据应显示在图表上。我该怎么办呢。怎么做控制器部分

Answer 1

我找到了解决方案。

zc-value中包含数组，因此如果将数组传递给它。然后它正常工作。

因此，为了在数组数组中转换数组并将其传递给ng-repeat并将数组的对象传递给zc-value。

数组应为：

array = [[100,289.48,288.597,1005.27,1030.68]，[84,300.73,298.697,1026.02,1026.67]];

html中的代码应该是

<div class="chart" ng-repeat="obj in array">
        <div id="resizable">
            <div zingchart zc-values="obj" zc-json="myJson" zc-width="100%" zc-height="100%"></div>
        </div>
        <ul class="chartinfo">
            <li>0 : Humidity {{obj[0]}}</li>
            <li>1 : Maximum Temprature {{obj[1]}}</li>
            <li>2 : Minimum Temprature {{obj[2]}}</li>
            <li>3 : Pressure {{obj[3]}}</li>
            <li>4 : Sea Level {{obj[4]}}</li>
        </ul>

    </div>

如何使用zingchart和ng-repeat，这样我就可以在不同的图表上显示不同的数据。有什么办法吗？

1 个答案: