Angularjs 将图表环文本对齐到中心

我无法将文本对齐到中心。

HTML代码

我第一次使用这个图书馆，尝试了不同的选择，但没有结果。 需要专家的帮助，请提出建议。

---

提前感谢。

要对齐图例中心，可以使用属性

align:center

。我们在以下链接中提供了大量文档：

var myConfig={
键入“pie”，
绘图：{
布局：“自动”
},
图例：{
布局：“x5”，
对齐：'居中'，
边框颜色：“透明”，
标记：{
边界半径：10，
边框颜色：“透明”
}
},
系列：[
{
价值：[35]
},
{
价值：[25]
},
{
价值观：[15]
},
{
价值：[45]
},
{
价值：[75]
}
]
};
zingchart.render（{
id:'我的图表'，
资料来源：myConfig，
高度：“100%”，
宽度：“100%”
});
html，正文{
身高：100%；
宽度：100%；
保证金：0；
填充：0；
}
#我的图表{
身高：100%；
宽度：100%；
最小高度：150px；
}
.zc参考号{
显示：无；
}
我在我的项目中尝试了这一点，这应该可以解决问题，只要用这个替换你的legend属性即可

如果我是对的，您也可以使用
布局：“中心”

post JSFIDLE LINK无法使用angularjs在JSFIDLE上生成图形。将来，您将不得不发布一个FIDLE或至少是带有值的完整JSON图表。如果您在图表渲染方面遇到问题，那么您的数据是最重要的内容之一。是的，这是一个很好的建议，我也错过了这些数据，但在这种情况下，这没什么大不了的
<zingchart id="ring"  zc-json="data" ></zingchart>

$scope.data = {
    globals: {
        shadow: false,
        fontFamily: "Verdana",
        fontWeight: "100"
    },
    type: "ring",
    backgroundColor: "#fff",

    legend: {
        layout: "x5",
        position: "50%",
        borderColor: "transparent",
        marker: {
            borderRadius: 10,
            borderColor: "transparent"
        }
    },
    tooltip: {
        text: "%v $"
    },
    plot: {
        refAngle: "-90",
        borderWidth: "0px",
        valueBox: {
            placement: "in",
            text: "%npv %",
            "font-color":"black",
            fontSize: "15px",
            textAlpha: 1,
        }
    },
    series: [{
        text: "Total Billed",
        values: $scope.billedHours,
        backgroundColor: "#97c563",
    }, {
        text: "Total Budget",
        values: $scope.projectRevenue,
        backgroundColor: "#f7d347",
    }]
};

            legend: {
                layout: "2x2", //this should center it on mid
                position: "50%",
                borderColor: "transparent",
                marker: {
                    borderRadius: 10,
                    borderColor: "transparent"
                }
            },