Javascript google图表和AmCharts的图表不一样4

我正在尝试使用amcharts4库来构建快速图表。我首先使用谷歌图表，当我使用相同的数据时，两个库显示不同的图表

谷歌图表（）

var hashDelimiter='，'；
var maxDataPoints=1500；//在我们开始擦除数据点之前有多少个数据点
var chartType='区域'；
var snmprhttps://api.myjson.com/bins/8se3o';
var invertInOut=false；
//全局变量
var图表=空；
var chartOptions=null；
var chartData=null；
$（“#title”）.hide（）；
$（“#content”）.html（“”）.addClass（'fullChart'）；
固定体高（）；
$（窗口）。调整大小（fixBodyHeight）；
getChartData（）；
//加载图表
load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（函数（）{
chartData=new google.visualization.DataTable（）；
addColumn（'datetime'，'Time'）；
addColumn（'number'、'Traffic In'、'style'）；
chartData.addColumn（'number'，'Traffic Out'）；
图表选项={
标题：姓名，
curveType:'函数'，
图例：{
位置：'顶部'，
对齐：“结束”，
},
言辞：{
格式：“#Mbps”，
最小值：0，
},
哈克斯：{
},
颜色：['#0f0'，'#00f']，
系列：{
0: {
“线宽”：3，
},
1: {
“线宽”：1，
},
},
点数：4，
图表区：{
右:5,，
左：“7%”，
底数：20，
排名：60，
},
};
如果（图表类型=='area'）{
chartOptions.pointSize=0；
charts=新的google.visualization.AreaChart（document.getElementById（'content'）；
}否则{
charts=新的google.visualization.LineChart（document.getElementById（'content'）；
}
图表。绘制（图表数据、图表选项）；
});
函数getChartData（）{
$.get（snmpProcessor，函数（d）{
$.each（d，函数（索引，元素）{
if（element.inDiff>0&&element.outDiff>0）{
如果（反转输出）{
addChartPoint（新日期（element.time*1000）、element.timeDiff、element.outDiff、element.inDiff）；
}否则{
addChartPoint（新日期（element.time*1000）、element.timeDiff、element.inDiff、element.outDiff）；
}
}
});
});
}
函数addChartPoint（时间、时间差、数据输入、数据输出）{
dataIn=dataIn/100000/timeDiff；
dataOut=dataOut/100000/timeDiff；
//数据输入=（数据输入*8）/（1024*1024）/timeDiff；
//数据输出=（数据输出*8）/（1024*1024）/timeDiff；
if（图表数据）{
addRow（[time，dataIn，dataOut]）；
if（chartData.getNumberOfRows（）>maxDataPoints）{
chartData.removeRows（0，chartData.getNumberOfRows（）-maxDataPoints+1）；
}
图表。绘制（图表数据、图表选项）；
}
}
函数fixBodyHeight（）{
$（“#content”）.css（'height'，$（window.innerHeight（）+'px'）；
if（图表数据）{
图表。绘制（图表数据、图表选项）；
}
}
函数parseQueryString（）{
var queryString=location.search.substr（1）；
var params={}，查询，temp，i，l；
querys=queryString.split（“&”）；
对于（i=0，l=querys.length；i

html，正文{
保证金：0；
填充：0；
}
.点击{
光标：指针；
}
.全图{
宽度：100%；
身高：100%；
溢出：隐藏；
}

---

您的am4charts图表已堆叠（这意味着两个数据系列已相加），而Google图表未堆叠

更改谷歌图表选项

    chartOptions = {
        title: name,
        curveType: 'function',
        legend: {
            position: 'top',
            alignment: 'end',
        },
        isStacked: true,
        vAxis: {
            format: '# Mbps',
            minValue: 0,
        },
        hAxis: {
        },
        colors: ['#0f0', '#00f'],
        series: {
            0: {
                'line-width': 3,
            },
            1: {
                'line-width': 1,
            },
        },
        pointSize: 4,
        chartArea: {
            right: 5,
            left: '7%',
            bottom: 20,
            top: 60,
        },
    };

保持

isStacked:true

以获得相同的图表（或将am4chart更改为未堆叠）