如何解决如何减少amcharts4中的PieChart边框大小宽度?
如何在如下所示的amcharts中减小PieChart边框的大小(宽度)?我想像第二个一样减少第一个图表边框的size(width)。我已经将 innerRadius 属性设置为100%。
解决方法
您必须将innerRadius
和radius
都增大到足够大的值,以使圆更细。
chart.innerRadius = am4core.percent(100);
chart.radius = am4core.percent(100);
演示:
var chart = am4core.create("chartdiv",am4charts.PieChart);
chart.data = [{
"category": "","value": 100
}];
chart.innerRadius = am4core.percent(100)
chart.radius = am4core.percent(100)
var pieSeries = chart.series.push(new am4charts.PieSeries());
pieSeries.dataFields.value = "value";
pieSeries.dataFields.category = "category";
pieSeries.ticks.template.disabled = true;
pieSeries.labels.template.disabled = true;
var label = pieSeries.createChild(am4core.Label)
label.text = "100%";
label.horizontalCenter = "middle";
label.verticalCenter = "middle";
label.fontSize = "2em";
body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#chartdiv {
width: 200px;
height: 200px;
}
<script src="https://cdn.amcharts.com/lib/4/core.js"></script>
<script src="https://cdn.amcharts.com/lib/4/charts.js"></script>
<div id="chartdiv"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。