You are here

morrisjs-donutchart.twig in Open Social 8.5

<pre class="language-html">
  <code class="language-markup">
    <div id="morris-donut-chart" data-colors="#29abe2,#ffc142,#1ab394,#d9534f"></div>
  </code>
</pre>
<pre>
  <code class="language-javascript">
    Morris.Donut({
      element: 'morris-donut-chart',
      data: [
        { label: 'Drupal 5', value: 1262},
        { label: 'Drupal 6', value: 76842},
        { label: 'Drupal 7', value: 985007},
        { label: 'Drupal 8', value: 140044}
      ],
      colors: jQuery('#morris-donut-chart').data('colors').split(',')
    });
  </code>
</pre>

File

themes/socialbase/components/06-libraries/morrisjs/morrisjs-donutchart.twig
View source
  1. <pre class="language-html">
  2. <code class="language-markup">
  3. <div id="morris-donut-chart" data-colors="#29abe2,#ffc142,#1ab394,#d9534f"></div>
  4. </code>
  5. </pre>
  6. <pre>
  7. <code class="language-javascript">
  8. Morris.Donut({
  9. element: 'morris-donut-chart',
  10. data: [
  11. { label: 'Drupal 5', value: 1262},
  12. { label: 'Drupal 6', value: 76842},
  13. { label: 'Drupal 7', value: 985007},
  14. { label: 'Drupal 8', value: 140044}
  15. ],
  16. colors: jQuery('#morris-donut-chart').data('colors').split(',')
  17. });
  18. </code>
  19. </pre>