Me pregunto cómo puedo mover el texto más a la izquierda y crear una nueva línea entre las etiquetas. Como puede ver, la "etiqueta" y el "porcentaje" están uno encima del otro.

Estoy usando ChartJS v2.8.0 y ChartJS Plugin Labels 1.1.0

Aspecto actual:

Aspecto deseado:

Código actual:

 var chart = new Chart(ctx, { type: 'pie', data: { labels: ['T-Shirts', 'Sweaters'], datasets: [{ backgroundColor: [$('#chart-color-1').val(), $('#chart-color-2').val()], data: [$('#attire_1_percent').val(), $('#attire_2_percent').val()], borderWidth: 0 }] }, options: { maintainAspectRatio: false, legend: { display: false }, plugins: { labels: [{ render: "label", fontColor: '#fff', }, { render: 'percentage', fontColor: '#fff', } ], }, tooltips: { callbacks: { label: function(tooltipItem, data) { return data.labels[tooltipItem.index] + ": " + data.datasets[0].data[tooltipItem.index] + "%" } }, }, } });