如何将 zingchart 与 ng-repeat 一起使用，以便我可以在不同的图表上显示不同的数据.有什么办法吗

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 值在其中获取数组，因此如果将数组传递给它。 然后它正常工作。

因此，为此，在数组数组

中转换您的数组并将其传递给 ng-repeat，并将数组的对象传递给 zc-value。

数组应为：

数组 = [[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>