如何用图5求饼图中间值之和

Question

如何使用am图表在饼图中间显示值之和。

am5.ready(function() {
    var totalUsers = {!! json_encode($totalUsers) !!};
    var root = am5.Root.new("total-users");
    root.setThemes([
        am5themes_Animated.new(root)
    ]);
    
    var chart = root.container.children.push(am5percent.PieChart.new(root, {
        layout: root.verticalLayout,
        innerRadius: am5.percent(50)
    }));

    var series = chart.series.push(am5percent.PieSeries.new(root, {
        valueField: "value",
        categoryField: "category",
        alignLabels: false
    }));

    series.labels.template.setAll({
        textType: "circular",
        centerX: 0,
        centerY: 0,
        
    });

    var label = chart.seriesContainer.children.push(am5.Label.new(root, {
    textAlign: "center",
    centerY: am5.p100,
    centerX: am5.p50,
    text:"[values.value.sum]"
  })
);
    
    series.data.setAll(totalUsers);

    var legend = chart.children.push(am5.Legend.new(root, {
        centerX: am5.percent(50),
        x: am5.percent(50),
        marginTop: 15,
        marginBottom: 15,
    }));

    legend.data.setAll(series.dataItems);
    series.appear(1000, 100);

}); // end am5.ready()

另外，我想用小数点显示值，而不是以百分比表示。我试过文本：“values.value.sum”，但它不起作用

Answer 1

如果您无法确定构建的方式，可以手动设置标签文本。考虑到我不知道你的json结构，让我们来看看这个：

 const totalUsers = [{name:'Josh',value:10},{name:'Kyle',value:5}];      
 label.set('text', `${totalUsers.sum(user => user.value)}`);