Amcharts- 堆叠柱不堆叠

Question

我正在尝试绘制堆积柱形图。不同的组件不是一个在另一个之上，而是一个接一个地出现。

这是我正在使用的属性

var stackedProps= {
    type: "serial",
    titles: [{
            text: "STACKED CHART",
            size: 24,
            alpha: 5
        }],
    valueAxis: [{
            stackType: "regular",
            axisAlpha: 0.3,
            gridAlpha: 0
        }],
    graphs: [{
            balloonText: "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
            fillAlphas: 0.8,
            lineAlpha: 0.3,
            title: "AAAA",
            type: "column",
            color: "#000000",
            valueField: "AAAA"
        }, {
            balloonText: "<b>[[title]]</b><br><span style='font-size:5px'>[[category]]: <b>[[value]]</b></span>",
            fillAlphas: 0.8,
            lineAlpha: 0.3,
            title: "BBBB",
            type: "column",
            color: "#000000",
            valueField: "BBBB"
        }
};

我的理解是属性 stackType: "regular" 负责将项目一个接一个地堆叠起来。

我可以请求帮助找出错误吗？

Answer 1

系列图表支持多值轴。因此属性是 valueAxes（复数形式）。

如果您将其设置为 "valueAxis"（在您的代码中似乎就是这种情况），它会像任何其他未知属性一样被图表忽略，因此不会堆叠列。

所以最重要的是，如果你想堆叠你的列，你定义 valueAxes。如果你不想堆叠它们，你可以完全省去那部分。（除非你想设置一些其他的值轴设置）

Amcharts- 堆叠柱不堆叠

Amcharts- Stacked column not stacked

amcharts