Ringchart

Default <e-ringchart></e-ringchart>

<e-ringchart id="default-chart"></e-ringchart>
<script>
  var defaultChart = document.getElementById('default-chart')defaultChart.init([  {    title: 'Opened',    percent: 33,    color: '#012851'  },  {    title: 'Opened on mobile',    percent: 19,    color: '#65B964',    total: '11,124'  }]);
</script>

                        <e-ringchart id="default-chart"></e-ringchart>
                        <script>
                          var defaultChart = document.getElementById('default-chart')
                          defaultChart.init([
                            {
                              title: 'Opened',
                              percent: 33,
                              color: '#012851'
                            },
                            {
                              title: 'Opened on mobile',
                              percent: 19,
                              color: '#65B964',
                              total: '11,124'
                            }
                          ]);
                          
                        </script>

Component Variation

Single type="single"

<e-ringchart id="single-chart" type="single"></e-ringchart>
<script>
  var singleChart = document.getElementById('single-chart')singleChart.init([  {    title: 'Opened',    percent: 33,    color: '#012851'  },  {    title: 'Opened on mobile',    percent: 19,    color: '#65B964',    total: '11,124'  },  {    title: 'Rest',    percent: 48,    color: '#6cc9b2',    total: '287,124'  }]);
</script>

                          <e-ringchart id="single-chart" type="single"></e-ringchart>
                          <script>
                            var singleChart = document.getElementById('single-chart')
                            singleChart.init([
                              {
                                title: 'Opened',
                                percent: 33,
                                color: '#012851'
                              },
                              {
                                title: 'Opened on mobile',
                                percent: 19,
                                color: '#65B964',
                                total: '11,124'
                              },
                              {
                                title: 'Rest',
                                percent: 48,
                                color: '#6cc9b2',
                                total: '287,124'
                              }
                            ]);
                          </script>

Last update

Message style(scss): lint fixes
Date:
()
Committer: Tamás Bíró
Component history