![](/img/trans.png)
[英]how to increase space between legend and chart in chartjs (ng2charts ) using angular
[英]Increase space between legend and chart
我正在使用角度为7的ng2图表。我有一个饼图
如何增加图例和图表之间的空间?
我正在尝试这个,但它不起作用。
public pieChartOptions: ChartOptions = {
responsive: true,
rotation: 0,
plugins: {
afterFit: function(chart, options) {
chart.plugins.register({
afterFit: function() {
this.height = this.height + 150;
},
})
},
datalabels: {
align: 'end',
anchor: 'end',
formatter: (value, ctx) => {
const label = ctx.chart.data.labels[ctx.dataIndex];
return value + '% ';
},
font: {
weight: 'bold',
size: 16,
}
}
}
};
@gowtham rajan是正确的,基于这个答案,你可以使用一个简单的内联插件来完成这项工作:
{
beforeInit: function(chart, options) {
chart.legend.afterFit = function() {
this.height += 100; // must use `function` and not => because of `this`
};
}
}
例如,请参阅此stackblitz
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.