[英]How to resize space of chart are and legend label
I use ng2-chart in angular 2, how to resize spacte chart are and legend label ? 我在Angular 2中使用ng2-chart,如何调整大小图表和图例标签的大小? Thank you very much. 非常感谢你。
html html
<div align="center" style="width: auto; height: auto">
<div class="chartArea">
<canvas baseChart id="chartBalanceId" [data]="chartData"
[labels]="chartLabels"
[colors]="chartColors"
[options]="chartOptions"
[chartType]="chartType"></canvas>
</div>
</div>
component 零件
private chartData: number[] = [];
private chartType: string = "doughnut";
private chartOptions: any = {legend: {position: "right"}};
private chartLabels: string[] = ["BTC", "ETH", "LTC", "XRP"];
private chartData = [30, 34, 30, 6];
private chartColors: any[] = [{ backgroundColor: ["#b8436d", "#00d9f9", "#a4c73c", "#a4add3"] }];
元素将填充块的大小,因此不要使用style="width: auto; height: auto"
将它们放入具有固定宽度的div中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.