'use strict';
$(document).ready(function() {
    $(function() {
       // Themes begin
       am4core.useTheme(am4themes_animated);
       // Themes end

       // Create chart instance
       var chart = am4core.create("process1", am4charts.XYChart);
       // Add data
       chart.data = [{
           "date": "2018-01-6",
           "price": 190
       }, {
           "date": "2018-01-7",
           "price": 158
       }, {
           "date": "2018-01-8",
           "price": 200
       }, {
           "date": "2018-01-9",
           "price": 90
       }, {
           "date": "2018-01-10",
           "price": 175
       }, {
           "date": "2018-01-11",
           "price": 228
       }, {
           "date": "2018-01-12",
           "price": 168
       }, {
           "date": "2018-01-13",
           "price": 200
       }, {
           "date": "2018-01-14",
           "price": 187
       }, {
           "date": "2018-01-15",
           "price": 243
       }, {
           "date": "2018-01-16",
           "price": 222
       }];

       // Create axes
       var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
       dateAxis.renderer.grid.template.location = 0;
       dateAxis.renderer.grid.template.disabled = true;
       dateAxis.startLocation = 0.6;
       dateAxis.endLocation = 0.4;
       dateAxis.renderer.labels.template.disabled = true;
       dateAxis.renderer.inside = true;

       var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
       valueAxis.logarithmic = false;
       valueAxis.renderer.minGridDistance = 1;
       valueAxis.renderer.grid.template.disabled = true;
       valueAxis.renderer.inside = true;
       valueAxis.renderer.labels.template.disabled = true;

       // Create series
       var series = chart.series.push(new am4charts.LineSeries());
       series.dataFields.valueY = "price";
       series.dataFields.dateX = "date";
       series.strokeWidth = 3;
       series.fillOpacity = 0.1;
       series.tensionX = 0.77;
       series.tooltipText = "{valueY.value}";
       series.fill = am4core.color("#13bd8a");
       series.stroke = am4core.color("#13bd8a");
       series.strokeWidth = 3;

       // Add cursor
       chart.cursor = new am4charts.XYCursor();
       chart.cursor.fullWidthLineX = true;
       chart.cursor.lineX.strokeWidth = 0;
       chart.cursor.lineX.fill = am4core.color("#fff");
       chart.cursor.lineX.fillOpacity = 0;
       chart.padding(0, 0, 0, 0);
    });

    $(function() {
       // Themes begin
       am4core.useTheme(am4themes_animated);
       // Themes end

       // Create chart instance
       var chart = am4core.create("process2", am4charts.XYChart);
       // Add data
       chart.data = [{
           "date": "2018-01-6",
           "price": 168
       }, {
           "date": "2018-01-7",
           "price": 200
       }, {
           "date": "2018-01-8",
           "price": 170
       }, {
           "date": "2018-01-9",
           "price": 243
       }, {
           "date": "2018-01-10",
           "price": 210
       }, {
           "date": "2018-01-11",
           "price": 228
       }, {
           "date": "2018-01-12",
           "price": 180
       }, {
           "date": "2018-01-13",
           "price": 158
       }, {
           "date": "2018-01-14",
           "price": 200
       }, {
           "date": "2018-01-15",
           "price": 90
       }, {
           "date": "2018-01-16",
           "price": 175
       }];

       // Create axes
       var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
       dateAxis.renderer.grid.template.location = 0;
       dateAxis.renderer.grid.template.disabled = true;
       dateAxis.startLocation = 0.6;
       dateAxis.endLocation = 0.4;
       dateAxis.renderer.labels.template.disabled = true;
       dateAxis.renderer.inside = true;

       var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
       valueAxis.logarithmic = false;
       valueAxis.renderer.minGridDistance = 1;
       valueAxis.renderer.grid.template.disabled = true;
       valueAxis.renderer.inside = true;
       valueAxis.renderer.labels.template.disabled = true;

       // Create series
       var series = chart.series.push(new am4charts.LineSeries());
       series.dataFields.valueY = "price";
       series.dataFields.dateX = "date";
       series.strokeWidth = 3;
       series.fillOpacity = 0.1;
       series.tensionX = 0.77;
       series.tooltipText = "{valueY.value}";
       series.fill = am4core.color("#19BCBF");
       series.stroke = am4core.color("#19BCBF");
       series.strokeWidth = 3;

       // Add cursor
       chart.cursor = new am4charts.XYCursor();
       chart.cursor.fullWidthLineX = true;
       chart.cursor.lineX.strokeWidth = 0;
       chart.cursor.lineX.fill = am4core.color("#fff");
       chart.cursor.lineX.fillOpacity = 0;
       chart.padding(0, 0, 0, 0);
    });

    $(function() {
       // Themes begin
       am4core.useTheme(am4themes_animated);
       // Themes end

       // Create chart instance
       var chart = am4core.create("process3", am4charts.XYChart);
       // Add data
       chart.data = [{
           "date": "2018-01-6",
           "price": 190
       }, {
           "date": "2018-01-7",
           "price": 158
       }, {
           "date": "2018-01-8",
           "price": 200
       }, {
           "date": "2018-01-9",
           "price": 90
       }, {
           "date": "2018-01-10",
           "price": 175
       }, {
           "date": "2018-01-11",
           "price": 228
       }, {
           "date": "2018-01-12",
           "price": 168
       }, {
           "date": "2018-01-13",
           "price": 200
       }, {
           "date": "2018-01-14",
           "price": 187
       }, {
           "date": "2018-01-15",
           "price": 243
       }, {
           "date": "2018-01-16",
           "price": 222
       }];

       // Create axes
       var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
       dateAxis.renderer.grid.template.location = 0;
       dateAxis.renderer.grid.template.disabled = true;
       dateAxis.startLocation = 0.6;
       dateAxis.endLocation = 0.4;
       dateAxis.renderer.labels.template.disabled = true;
       dateAxis.renderer.inside = true;

       var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
       valueAxis.logarithmic = false;
       valueAxis.renderer.minGridDistance = 1;
       valueAxis.renderer.grid.template.disabled = true;
       valueAxis.renderer.inside = true;
       valueAxis.renderer.labels.template.disabled = true;

       // Create series
       var series = chart.series.push(new am4charts.LineSeries());
       series.dataFields.valueY = "price";
       series.dataFields.dateX = "date";
       series.strokeWidth = 3;
       series.fillOpacity = 0.1;
       series.tensionX = 0.77;
       series.tooltipText = "{valueY.value}";
       series.fill = am4core.color("#FF425C");
       series.stroke = am4core.color("#FF425C");
       series.strokeWidth = 3;

       // Add cursor
       chart.cursor = new am4charts.XYCursor();
       chart.cursor.fullWidthLineX = true;
       chart.cursor.lineX.strokeWidth = 0;
       chart.cursor.lineX.fill = am4core.color("#fff");
       chart.cursor.lineX.fillOpacity = 0;
       chart.padding(0, 0, 0, 0);
    });

});