我正在处理 Pie Chart在 ng2-charts .我正在尝试自定义图例的默认形状。我可以改变图例的位置,但可以改变形状吗?它有任何内置属性还是我们必须定制?
HTML
<div class="chart">
<canvas baseChart
[data]="pieChartData"
[labels]="pieChartLabels"
[chartType]="pieChartType"
[options]="pieChartOptions"
[plugins]="pieChartPlugins"
[colors]="pieChartColors"
[legend]="pieChartLegend">
</canvas>
</div>
TS
public pieChartLabels: Label[] = [['Download', 'Sales'], ['In', 'Store', 'Sales'], 'Mail Sales'];
public pieChartData: number[] = [300, 500, 100];
public pieChartType: ChartType = 'pie';
public pieChartOption: any = {
legend: {
position: 'right',
labels: {
fontSize: 10
}
}
}
我要什么
我得到了什么
最佳答案
ng2-charts用途 chartjs在chartjs中有图例.labels.usePointStyle ,你必须让它真实。
public pieChartLabels: Label[] = [['Download', 'Sales'], ['In', 'Store', 'Sales'],
'Mail Sales'];
public pieChartData: number[] = [300, 500, 100];
public pieChartType: ChartType = 'pie';
public pieChartOption: any = {
legend: {
position: 'right',
labels: {
fontSize: 10,
usePointStyle: true
}
}
}
关于angular - 在 ng2-charts 中自定义图例形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56037737/