Как обновить все easypiecharts в JavaScript (js)

У меня проблема, я не могу обновить все графики в своей программе.

Я могу обновить одну из четырех диаграмм с помощью следующей команды, но не могу обновить остальные три.

      $('.chart').data('easyPieChart').update(60);

Это мой html-код

      <div id="content">
<div class="b-skills">
  <div class="container">
    <div id="row">
      <div class="col-md-5">
        <div class="skill-item center-block align:center">
          <div class="chart-container">
            <div id="CO" class="chart" data-percent="0">
              <a href="COTimetable.html" class="percent" data-after="%" style="text-decoration: none; color:black"></a>
            </div>
          </div>

          <p id="COP">CO</p>

          <p id="colim"></p>
        </div>
      </div>

      <div class="col-md-5">
        <div class="skill-item center-block">
          <div class="chart-container">
            <div id="CO2" class="chart" class="boba" data-percent="90">
              <a class="percent" data-after="%" style="text-decoration: none; color:black"></a>
            </div>
          </div>

          <p id="CO2P">CO2</p>
          <p id="valueCO2"></p>
        </div>
      </div>
    </div>

    <div id="row">
      <div class="col-md-5">
        <div class="skill-item center-block">
          <div class="chart-container">
            <div id="Volume" class="chart" data-percent="0">
              <a class="percent" data-after="%" style="text-decoration: none; color:black"></a>
            </div>
          </div>

          <p id="laermP">Lautstärke</p>
          <p id="laemlim"></p>
        </div>
      </div>

      <div class="col-md-5">
        <div class="skill-item center-block">
          <div class="chart-container">
            <div id="yes4" class="chart" data-percent="">
              <a class="percent" data-after="%" style="text-decoration: none; color:black"></a>
            </div>
          </div>
          <p id="feuchtigkeitP">Luftfeuchtigkeit</p>
          <p id="teamplim"></p>
        </div>
      </div>
    </div>
  </div>
</div>

Как я могу обновить все четыре диаграммы отдельно, чтобы я мог независимо изменять каждое значение диаграммы.

0 ответов

Другие вопросы по тегам