Chart

Example

Code

<fine-chart id='myChart1'></fine-chart>
  
<script type="text/javascript">
  fine.ready(function(e) {
    // imports are loaded and elements have been registered
    var chartEl = document.getElementById('myChart1');
    chartEl.config = {
      Width: 600,
      Height: 400,
      Legend: {
        Appearance: {
          Position: 'bottom'
        }
      },
      PlotArea: {
        ListOfSeries: [
          {
            ChartType: 'pie',
            Items: [
              {YValue: 20}, {YValue: 90}, {YValue: 50}
            ]
          }
        ]
      }
    };
    chartEl.init();
  });
</script>