AmCharts.makeChart和新的AmCharts.AmSerialChart()有什么区别？

Question

一些AmCharts 演示使用AmCharts.makeChart

其他AmCharts 演示使用new AmCharts.AmSerialChart();

这两种方法有什么不同？

Answer 1

使用AmCharts.AmSerialChart()，您必须实例化所有组件(图、轴、.)，向这些对象添加属性，然后将它们分配给图表。这是一种非常低效率的创建图表的方法，正如您在文档中看到的(您的第二个链接引用)所显示的那样，它被废弃了。

因为它的第3版AmCharts支持新的图表构造函数，因此可以以JSON格式指定所有属性。

示例：

旧式：

AmCharts.ready(function () { 
                chart = new AmCharts.AmSerialChart();
                chart.pathToImages = "../amcharts/images/";
                chart.dataProvider = chartData;
                chart.categoryField = "date";

                // category axis               
                var categoryAxis = chart.categoryAxis;
                categoryAxis.parseDates = true;
                categoryAxis.minPeriod = "DD";

                // graph
                var graph = new AmCharts.AmGraph();
                graph1.valueField = "value";
                graph1.bullet = "round";
                chart.addGraph(graph1);

                var chartCursor = new AmCharts.ChartCursor();
                chartCursor.cursorPosition = "mouse";
                chart.addChartCursor(chartCursor);

                // WRITE
                chart.write("chartdiv");
});

新款式：(文档)

AmCharts.makeChart("chartdiv", {
    type: "serial",
    pathToImages: "../amcharts/images/",
    dataProvider: chartData,
    categoryField: "date",
    categoryAxis: {
        parseDates: true,
        minPeriod: "ss"
    },
    graphs: [{
        valueField: "value",
        bullet: "round"
    }],
    chartCursor: {
        cursorPosition: "mouse"
    },
});