In our markup, all the .value
elements have another class, .series1
; this is because we want our chart to support multiple series, so let's add to our markup a new .series2
set of elements:
<input type="checkbox" class="series1" checked id="series1"> <label for="series1">show serie 1</label> <input type="checkbox" class="series2" checked id="series2"> <label for="series2">show serie 2</label><br/> <div data-bar-chart class="this_bar_chart"> <div data-bar data-label="mon"> <div class="value series1" data-value-percentage="40" data-value-label="40"></div> <div class="value series2" data-value-percentage="60" data-value-label="60"></div> </div> <div data-bar data-label="tue"> <div class="value series1" data-value-percentage="100" data-value-label="125"></div> <div class="value series2" data-value-percentage="30" data-value-label="20...