search

rendro / easy-pie-chart

easy pie chart is a lightweight plugin to draw simple, animated pie charts for single values
http://rendro.github.io/easy-pie-chart
MIT License
2.07k stars 501 forks source link

Methodology BEM #152

Open brunowego opened 9 years ago

brunowego commented 9 years ago

Add class for canvas will help with BEM methodology:

<ul class="u-list u-list--inline">
  <li class="u-list__item c-chart-pie" data-percent="73">73%</li>
</ul>
.c-chart-pie {
  height: 110px;
  line-height: 110px;
  position: relative;
  text-align: center;
  width: 110px;
}

.c-chart-pie__canvas {
  left: 0;
  position: absolute;
  top: 0;
}
brunowego commented 9 years ago

The call will be like this:

$('.c-chart-pie').easyPieChart({
  'class': 'c-chart-pie__canvas'
});