テキストを中央に揃えることができません。 zing-chart ringテキストの中心に合わせる
HTMLコード
<zingchart id="ring" zc-json="data" ></zingchart>
zingchartのJSONデータ
$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",
}]
};
私は非常に最初の時間のために、このLibaryを使用していますが、さまざまなオプションが、何を試してみました起こる。 は専門家の助けが必要です。何か提案してください。ありがとうございます。
ポストjsfiddleリンク –
を使用することができます。 –
将来的にはフィドルを投稿するか、少なくともJSONのフルチャートを値付きで投稿する必要があります。チャートのレンダリングに関連する問題がある場合、データは最もインポートの対象の1つです。 https://help.zingchart.com/hc/en-us/articles/115000680146-How-To-Go--My-Chart-JSON- – nardecky