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: 'line',
            Items: [
              {YValue: 70}, {YValue: 70}, {YValue: 70}
            ]
          },
          {
            ChartType: 'line',
            Items: [
              {YValue: 50}, {YValue: 50}, {YValue: 50}
            ]
          },
          {
            ChartType: 'column',
            Items: [
              {YValue: 70}, {YValue: 70}, {YValue: 70}
            ]
          }
        ],
        XAxis: {
          Title: 'Category Axis',
          Items: [
            {Text: 'Q1'}, {Text: 'Q2'}
          ]
        }
      }
    };
    chartEl.init();
  });
</script>