我创建了一个 AmChart，它应该显示堆叠的区域。 我不知道为什么，一切都很顺利，除了图表没有堆叠......
代码如下:
var JSONChart = {
"type":"serial",
"backgroundAlpha":1,
"backgroundColor":"white",
"autoMargin":true,"autoMarginOffset":30,
"marginRight":50,
"creditsPosition":"bottom-right",
"titles":"TEST",
"fontSize":15,
"categoryAxis": {"parseDates":true,"minPeriod":"ss","axisAlpha":1,"gridAlpha":"white",},
"chartScrollbar":{"enabled":true,"backgroundAlpha":1},
"dataProvider":Tableau,
"categoryField":"Date",
"ValueAxis":[{"stackType":"regular","axisAlpha":0,"gridAlpha":0.1,"unit":"MWh","unitPosition":"left"}],
"chartCursor":{"cursorColor":"red","valueLineBalloonEnabled":true,"valueLineEnabled":true,"valueZoomable":true},
}
var Graphiques = [];
for (var j=1;j<TableFinale[0].length;j++){
var Param = {};
Param.id = "g"+j.toString();
Param.type = "line";
Param.lineColor = "red";
Param.valueField = j.toString();
Param.fillAlphas = 0.3;
Graphiques.push(Param);
}
JSONChart.graphs=Graphiques;
customVisualzationObject = AmCharts.makeChart("chartdiv",JSONChart );
您知道为什么 Stacktype 属性的“常规”值不适用吗？
谢谢
<小时/>我更改了拼写，现在是代码:
evar JSONChart = {
"type":"serial",
"ValueAxes": [{"stackType":"regular","axisAlpha":0,"gridAlpha":0.1,"unit":"MWh","unitPosition":"left"}],
"backgroundAlpha":1,
"backgroundColor":"white",
"autoMargin":true,"autoMarginOffset":30,
"marginRight":50,
"creditsPosition":"bottom-right",
"titles":"TEST",
"fontSize":15,
"categoryAxis": {"parseDates":true,"minPeriod":"mm","axisAlpha":1,"gridAlpha":"white"},
"chartScrollbar":{"enabled":true,"backgroundAlpha":1},
"dataProvider":Tableau,
"categoryField":"Date",
"chartCursor":{"cursorColor":"blue","valueLineBalloonEnabled":true,"valueLineEnabled":true,"valueZoomable":true},
"Legend":{"position":"top","valueTextRegular":"bite","valueWidth":100},
"export": {
"enabled": true, "position":"bottom-right" }
}
var Graphiques = [];
for (var j=1;j<TableFinale[0].length;j++){
var Param = {};
Param.id = "g"+j.toString();
Param.type = "line";
Param.lineColor = getRandomColor();
Param.valueField = j.toString();
Param.fillAlphas = 0.3;
Graphiques.push(Param);
}
JSONChart.graphs=Graphiques;
最终的图表仍然没有堆叠...我不知道为什么。 不过，图例也不起作用。
这是我正在使用的数据提供者表:
我真的不明白我的 JSON 有什么问题。 谢谢你的帮助
最佳答案
我认为问题是由于变量名称拼写错误造成的:
- 在 JSONChart 对象中，尝试将属性名称从“ValueAxis”更改为“ValueAxes”。
引用:
关于javascript - 堆积图 - AmChart - JavaScript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50151113/