C3JS 中的 JavaScript foreach

Question

我有以下图表:

正如你所看到的，上面有不同的“气泡”。现在我想确定该数组中每个气泡的大小:

[50656, 74775, 74134, 74318, 77090, 79558, 80879, 66409, 79394, 70568, 65741, 75617, 72875, 75642, 74860, 74572, 56873, 76395, 92584, 59884, 63883, 73079, 68963, 60745, 68672, 69265, 75852, 79526, 55839, 65724, 56244, 57881, 43969, 51164, 49105, 42654, 45248, 38664, 49189, 44962, 56116, 49088, 33534, 26759, 44963, 50152, 52880, 77049, 70816, 83561, 82987, 65752, 63452, 73085, 78574, 69719, 79643, 69024, 63256, 69749, 65890, 74162, 67179, 71524, 81191, 78711, 61509, 64361, 71754, 63657, 66497, 59616, 73892, 70820, 64589, 65686, 74687, 67879, 50645, 71913, 68082, 59279, 64530, 49948, 50541, 56983, 64402, 73220, 67787, 79476, 74849, 49940, 69804, 83774, 69927, 69523, 75300, 84355, 81397, 94328…]

每个数组值都必须确定单个气泡的大小。

当我在 c3js 点函数中执行以下操作时:

  point: {
        r: function (d) {
          for (var j = 0; j < getParkingDuration().length; j++) {
            return getParkingDuration()[j] / 10000;
          }
        }
      }

我也试过这样:

 var parking_duur_hensbergen = getParkingDuration();

        chart = c3.generate({
          point: {
            r: function (d) {
              for (var j = 0; j < parking_duur_hensbergen.length; j++) {
                console.log(parking_duur_hensbergen[j]);
                return parking_duur_hensbergen[j] / 10000;
              }
            }
          }

它仅返回循环的第一个值。所以所有气泡的大小都是相同的。

** 我的问题是，如何根据数组值确定每个气泡的大小？**

Answer 1

您可以像这样使用 onrendered 事件:

    onrendered: function () {
            var $$ = this;
            var circles = $$.getCircles();
            for (var i = 0; i < circles.length; i++) {
                for (var j = 0; j < circles[i].length; j++) {
                    $$.getCircles(j).style("r", (Math.random()*10)^0);
                }
            }
        }

https://jsfiddle.net/87htjapx/