Chart

<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: 'scatter',
            Items: [
              {YValue: 80, XValue: 20}, {YValue: 70, XValue: 40}, {YValue: 50, XValue: 60}
            ]
          },
          {
            ChartType: 'scatter',
            Items: [
              {YValue: 10, XValue: 50}, {YValue: 20, XValue: 60}, {YValue: 30, XValue: 70}
            ]
          }
        ]
      }
    };
    chartEl.init();
  });
</script>