{"action":"closed","issue":{"url":"https://api.github.com/repos/chartjs/Chart.js/issues/3236","repository_url":"https://api.github.com/repos/chartjs/Chart.js","labels_url":"https://api.github.com/repos/chartjs/Chart.js/issues/3236/labels{/name}","comments_url":"https://api.github.com/repos/chartjs/Chart.js/issues/3236/comments","events_url":"https://api.github.com/repos/chartjs/Chart.js/issues/3236/events","html_url":"https://github.com/chartjs/Chart.js/issues/3236","id":174332017,"number":3236,"title":"How Align the Legend Items in Chart.js 2?","user":{"login":"tuliomarchetto","id":9877039,"avatar_url":"https://avatars.githubusercontent.com/u/9877039?v=3","gravatar_id":"","url":"https://api.github.com/users/tuliomarchetto","html_url":"https://github.com/tuliomarchetto","followers_url":"https://api.github.com/users/tuliomarchetto/followers","following_url":"https://api.github.com/users/tuliomarchetto/following{/other_user}","gists_url":"https://api.github.com/users/tuliomarchetto/gists{/gist_id}","starred_url":"https://api.github.com/users/tuliomarchetto/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tuliomarchetto/subscriptions","organizations_url":"https://api.github.com/users/tuliomarchetto/orgs","repos_url":"https://api.github.com/users/tuliomarchetto/repos","events_url":"https://api.github.com/users/tuliomarchetto/events{/privacy}","received_events_url":"https://api.github.com/users/tuliomarchetto/received_events","type":"User","site_admin":false},"labels":[{"id":32309888,"url":"https://api.github.com/repos/chartjs/Chart.js/labels/Category:%20Question","name":"Category: Question","color":"cc317c","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-08-31T17:29:36Z","updated_at":"2016-11-07T01:26:35Z","closed_at":"2016-11-07T01:26:35Z","body":"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:\n\n![Chart.js Desire Legend Alignment](http://i.stack.imgur.com/ctpu8.png)\n## Please give some code suggestions: https://jsfiddle.net/holp/68wf75r8/\n\n`new Chart(document.getElementById(\"field-0\"), {\n  type: 'pie',\n  data: {\n    labels: [\"Chat\", \"Prospeção\", \"Whatsapp\", \"Trial\", \"Site\", \"Telefone\", \"E-mail\", \"Evento\"],\n    datasets: [{\n      data: [700, 400, 200, 150, 80, 50, 20, 10],\n      borderWidth: 2,\n      hoverBorderWidth: 10,\n      backgroundColor: pieColors,\n      hoverBackgroundColor: pieColors,\n      hoverBorderColor: pieColors,\n      borderColor: pieColors\n    }]\n  },\n  options: {\n    legend: {\n      labels: {\n        padding: 20\n      }\n    }\n  }\n});`\n"}}
{"actor":{"display_login":"zachpanz88"}}