How Align the Legend Items in Chart.js 2?

I just need to align the Chart Legend so it don’t look too messy as the default shows, here is an example what I’m trying to achieve:

Please give some code suggestions: https://jsfiddle.net/holp/68wf75r8/

new Chart(document.getElementById("field-0"), { type: 'pie', data: { labels: ["Chat", "Prospeção", "Whatsapp", "Trial", "Site", "Telefone", "E-mail", "Evento"], datasets: [{ data: [700, 400, 200, 150, 80, 50, 20, 10], borderWidth: 2, hoverBorderWidth: 10, backgroundColor: pieColors, hoverBackgroundColor: pieColors, hoverBorderColor: pieColors, borderColor: pieColors }] }, options: { legend: { labels: { padding: 20 } } } });

[mattdell]

Where?

[Yurko-Fedoriv]

this http://stackoverflow.com/a/42957884/1779106 solved my alignment issue. I was changing labels alignment from bottom center to bottom left:

Really don’t know who would actually want it the original way 😦