javascript - 堆积图 - AmChart - JavaScript

Question

我创建了一个 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 有什么问题。谢谢你的帮助

Answer 1

我认为问题是由于变量名称拼写错误造成的:

• 在 JSONChart 对象中，尝试将属性名称从“ValueAxis”更改为“ValueAxes”。

引用:

• Unable add ValueAxis property to Amchart stock graph
• amCharts valueAxis maximum not working
• https://www.amcharts.com/kbase/time-line-chart-date-based-milestones/