title: Convert this canvasjs chart to chart.js chart
body: <p>im new in javascript programming and still learning, in few days im creating this canvasjs chart and it's works,</p>
  
  <p>but lately I notice canvasjs is not free and it create watermark below the chart.</p>
  
  <p>and i found chart.js which free (i think) and the chart style are more pretty</p>
  
  <p>can someone please help me to convert this canvasjs chart to chart.js chart?</p>
  
  <pre><code>$(function () {
      var DATA1 = []
      var DATA2 = []
  
      $.ajax({
          type : 'GET',
          url : "https://api.myjson.com/bins/14edgx",
          dataType : 'json',
          success : function (field) {
              field = field.data;
              for (var i = 0; i &lt; field.length; i++) {
                  DATA1.push({
                      x : new Date(field[i].day),
                      y : parseInt(field[i].money)
                  });
                  DATA2.push({
                      x : new Date(field[i].day),
                      y : parseInt(field[i].impressions)
                  });
              }
              var chart = new CanvasJS.Chart("chartContainer", {
                      animationEnabled : true,
                      backgroundColor : "#FFF",
                      title : {},
                      axisY : [{
                              title : "Impression",
                              lineColor : "#369EAD",
  
                          }
                      ],
                      axisY2 : [{
                              title : "Money",
                              lineColor : "#C0504E",
                              valueFormatString : "$#,###,#0",
  
                          }
                      ],
                      axisX : {
                          valueFormatString : "DD-MMM",
                          labelAngle : -50,
                          interlacedColor : "#F0F8FF"
                      },
                      data : [{
                              type : "splineArea",
                              fillOpacity : .9,
                              color : "#C0504E",
                              axisYType : "primary",
                              axisYIndex : 0,
                              name : "line1",
                              toolTipContent : "{x}&lt;br/&gt;Views: {y}",
  
                              showInLegend : true,
                              legendText : "Impression",
                              dataPoints : DATA2
  
                          }, {
                              type : "splineArea",
                              fillOpacity : .2,
                              color : "#6599FF",
                              axisYType : "secondary",
                              axisYIndex : 1,
                              name : "Visits",
                              toolTipContent : "{x}&lt;br/&gt;Money: ${y}",
                              showInLegend : true,
                              legendText : "Money",
                              dataPoints : DATA1
                          }]
                  });
  
              chart.render();
  
          }
      });
  });
  </code></pre>
  
  <p>Thank you</p>