{"action":"created","issue":{"url":"https://api.github.com/repos/swimlane/ngx-charts/issues/500","repository_url":"https://api.github.com/repos/swimlane/ngx-charts","labels_url":"https://api.github.com/repos/swimlane/ngx-charts/issues/500/labels{/name}","comments_url":"https://api.github.com/repos/swimlane/ngx-charts/issues/500/comments","events_url":"https://api.github.com/repos/swimlane/ngx-charts/issues/500/events","html_url":"https://github.com/swimlane/ngx-charts/issues/500","id":247855656,"number":500,"title":"Feature: Gauge Chart Additions","user":{"login":"mtpultz","id":599498,"avatar_url":"https://avatars1.githubusercontent.com/u/599498?v=4","gravatar_id":"","url":"https://api.github.com/users/mtpultz","html_url":"https://github.com/mtpultz","followers_url":"https://api.github.com/users/mtpultz/followers","following_url":"https://api.github.com/users/mtpultz/following{/other_user}","gists_url":"https://api.github.com/users/mtpultz/gists{/gist_id}","starred_url":"https://api.github.com/users/mtpultz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mtpultz/subscriptions","organizations_url":"https://api.github.com/users/mtpultz/orgs","repos_url":"https://api.github.com/users/mtpultz/repos","events_url":"https://api.github.com/users/mtpultz/events{/privacy}","received_events_url":"https://api.github.com/users/mtpultz/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-08-03T22:40:21Z","updated_at":"2017-10-03T16:45:40Z","closed_at":"2017-10-03T15:33:10Z","author_association":"NONE","body":"**I'm submitting a ...**  (check one with \"x\")\r\n```\r\n[ ] bug report => search github for a similar issue or PR before submitting\r\n[x] feature request\r\n[ ] support request => Please do not submit support request here\r\n```\r\n\r\n**Feature Request**\r\nCustomization of the Gauge chart:  \r\n\r\n1. Allow colour gradient for bar that indicates max value, or\r\n1. Separated segments via breaks that allow use of different colors indicating segment level or priority\r\n1. Gauge indicator showing current level versus the max value\r\n\r\nAn example image showing points, and a D3 example https://codepen.io/jaketrent/pen/eloGk showing segments and colours.  I've also been trying to play with this example http://bl.ocks.org/ameyms/9184728 showing segment on the end of indicator, which seemed like an interesting idea to show a gradient on instead of solid blue.\r\n\r\n![image](https://user-images.githubusercontent.com/599498/28946802-4670a658-7861-11e7-959f-852ed2710098.png)\r\n\r\n* **Angular version:** 4.x.x\r\n"},"comment":{"url":"https://api.github.com/repos/swimlane/ngx-charts/issues/comments/333906449","html_url":"https://github.com/swimlane/ngx-charts/issues/500#issuecomment-333906449","issue_url":"https://api.github.com/repos/swimlane/ngx-charts/issues/500","id":333906449,"user":{"login":"mtpultz","id":599498,"avatar_url":"https://avatars1.githubusercontent.com/u/599498?v=4","gravatar_id":"","url":"https://api.github.com/users/mtpultz","html_url":"https://github.com/mtpultz","followers_url":"https://api.github.com/users/mtpultz/followers","following_url":"https://api.github.com/users/mtpultz/following{/other_user}","gists_url":"https://api.github.com/users/mtpultz/gists{/gist_id}","starred_url":"https://api.github.com/users/mtpultz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mtpultz/subscriptions","organizations_url":"https://api.github.com/users/mtpultz/orgs","repos_url":"https://api.github.com/users/mtpultz/repos","events_url":"https://api.github.com/users/mtpultz/events{/privacy}","received_events_url":"https://api.github.com/users/mtpultz/received_events","type":"User","site_admin":false},"created_at":"2017-10-03T16:45:40Z","updated_at":"2017-10-03T16:45:40Z","author_association":"NONE","body":"@marjan-georgiev Do you have an example of customizing the gauge chart.  Just a single change to the chart, but a starting point to continue off that is good practice.  I'm only just learning D3 and I'm not overly confident after looking at your code I would start modifying it properly and in a clean way.  Just looking for what you would consider best practice for customizing a chart"}}
{"actor":{"display_login":"mtpultz"}}