Javascript 将此canvasjs图表转换为chart.js图表

我是javascript编程新手，还在学习，几天之内我就创建了这个canvasjs图表，它很有用

但最近我注意到canvasjs不是免费的，它在图表下方创建了水印

我发现chart.js是免费的（我认为）而且图表样式更漂亮

有人能帮我把这个canvasjs图表转换成chart.js图表吗

$(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 < 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}<br/>Views: {y}",

                            showInLegend : true,
                            legendText : "Impression",
                            dataPoints : DATA2

                        }, {
                            type : "splineArea",
                            fillOpacity : .2,
                            color : "#6599FF",
                            axisYType : "secondary",
                            axisYIndex : 1,
                            name : "Visits",
                            toolTipContent : "{x}<br/>Money: ${y}",
                            showInLegend : true,
                            legendText : "Money",
                            dataPoints : DATA1
                        }]
                });

            chart.render();

        }
    });
});

$（函数（）{
var DATA1=[]
变量数据2=[]
$.ajax({
键入：“GET”，
url:“https://api.myjson.com/bins/14edgx",
数据类型：“json”，
成功：功能（字段）{
field=field.data；
对于（变量i=0；i视图：{y}”，
showInLegend：是的，
传奇文本：“印象”，
数据点：数据2
}, {
类型：“splineArea”，
不透明度：.2，
颜色：“6599FF”，
axisYType:“次要”，
axisYIndex:1，
名称：“访问”，
toolTipContent:“{x}
货币：${y}”，
showInLegend：是的，
传奇文本：“金钱”，
数据点：数据1
}]
});
chart.render（）；
}
});
});

---

谢谢

这里是canvas.js到chart.js的翻译：

var DATA1=[]；
VarData2=[]；
$.ajax({
键入：“GET”，
url:“https://api.myjson.com/bins/14edgx",
数据类型：“json”，
成功：功能（字段）{
field=field.data；
对于（变量i=0；i

---

嗨，实际上我在这里得到了答案->在你写这篇文章之前，但非常感谢你的翻译。