{"action":"created","issue":{"url":"https://api.github.com/repos/chartjs/Chart.js/issues/2907","repository_url":"https://api.github.com/repos/chartjs/Chart.js","labels_url":"https://api.github.com/repos/chartjs/Chart.js/issues/2907/labels{/name}","comments_url":"https://api.github.com/repos/chartjs/Chart.js/issues/2907/comments","events_url":"https://api.github.com/repos/chartjs/Chart.js/issues/2907/events","html_url":"https://github.com/chartjs/Chart.js/issues/2907","id":163669259,"number":2907,"title":"Problems with the \"height\" of the \"canvas\"","user":{"login":"zdebskiy","id":20282061,"avatar_url":"https://avatars.githubusercontent.com/u/20282061?v=3","gravatar_id":"","url":"https://api.github.com/users/zdebskiy","html_url":"https://github.com/zdebskiy","followers_url":"https://api.github.com/users/zdebskiy/followers","following_url":"https://api.github.com/users/zdebskiy/following{/other_user}","gists_url":"https://api.github.com/users/zdebskiy/gists{/gist_id}","starred_url":"https://api.github.com/users/zdebskiy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zdebskiy/subscriptions","organizations_url":"https://api.github.com/users/zdebskiy/orgs","repos_url":"https://api.github.com/users/zdebskiy/repos","events_url":"https://api.github.com/users/zdebskiy/events{/privacy}","received_events_url":"https://api.github.com/users/zdebskiy/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/chartjs/Chart.js/labels/Category:%20Support","name":"Category: Support","color":"f9d0c4"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-07-04T12:43:16Z","updated_at":"2016-07-04T13:53:52Z","closed_at":null,"body":"\r\nHi guys! \r\nI have problems with the height of the Canvas. \r\nBelow is a picture of my problem.\r\n![default](https://cloud.githubusercontent.com/assets/20282061/16560576/0174771e-41fd-11e6-9164-72a31d8cdff2.png)\r\n\r\ncode:\r\n`<div class=\"chart\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<canvas id=\"wgratingChart\" style=\"border: 1px solid #0F0; height: 70px;\"></canvas>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>`\r\n\r\nstyle:\r\n`.chart {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;`\r\n\r\n`.chart canvas {\r\n    width: 100%!important;`\r\n\r\n`var ctx = document.getElementById(\"wgratingChart\").getContext(\"2d\");\r\n\t\t\t\t\t\r\n\t\t\t\t\tvar wgrChartData = \r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttype: 'line',\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tdata: \r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tlabels: [\"\", \"\", \"\", \"\", \"\", \"\"],\r\n\t\t\t\t\t\t\tdatasets: \r\n\t\t\t\t\t\t\t[\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata: [1, 2, 4, 2, 3, 5],\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tlabel: \"Рейтинг WG\",\r\n\t\t\t\t\t\t\t\t\tfill: true,\r\n\t\t\t\t\t\t\t\t\tlineTension: 0,\r\n\r\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#2A2D35',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tborderWidth: 3,\r\n\t\t\t\t\t\t\t\t\tborderColor: \"rgba(255, 255, 255, 1)\",\t\t\t\t\t\t\t\t\t\r\n\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tpointRadius: 2,\r\n\t\t\t\t\t\t\t\t\tpointBorderWidth: 1,\r\n\t\t\t\t\t\t\t\t\tpointBorderColor: \"rgba(75,192,192,1)\",\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tpointHoverRadius: 3,\r\n\t\t\t\t\t\t\t\t\tpointHoverBorderWidth: 1,\r\n\t\t\t\t\t\t\t\t\tpointHoverBackgroundColor: \"rgba(75,192,192,1)\",\r\n\t\t\t\t\t\t\t\t\tpointHoverBorderColor: \"rgba(220,220,220,1)\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tpointHitRadius: 3,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\toptions: \r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tresponsive: true,\r\n\t\t\t\t\t\t\tmaintainAspectRatio: false,\r\n\t\t\t\t\t\t\tlegend:\r\n\t\t\t\t\t\t\t{\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdisplay: false\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tscales:\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\txAxes:\r\n\t\t\t\t\t\t\t\t[\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tdisplay: false\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\t\tyAxes:\r\n\t\t\t\t\t\t\t\t[\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tdisplay: true,\r\n\t\t\t\t\t\t\t\t\t\tticks:\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t]\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t};\r\n\t\t\t\t\t\r\n\t\t\t\t\tvar wgrChart = new Chart(ctx, wgrChartData);`"},"comment":{"url":"https://api.github.com/repos/chartjs/Chart.js/issues/comments/230295959","html_url":"https://github.com/chartjs/Chart.js/issues/2907#issuecomment-230295959","issue_url":"https://api.github.com/repos/chartjs/Chart.js/issues/2907","id":230295959,"user":{"login":"zdebskiy","id":20282061,"avatar_url":"https://avatars.githubusercontent.com/u/20282061?v=3","gravatar_id":"","url":"https://api.github.com/users/zdebskiy","html_url":"https://github.com/zdebskiy","followers_url":"https://api.github.com/users/zdebskiy/followers","following_url":"https://api.github.com/users/zdebskiy/following{/other_user}","gists_url":"https://api.github.com/users/zdebskiy/gists{/gist_id}","starred_url":"https://api.github.com/users/zdebskiy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zdebskiy/subscriptions","organizations_url":"https://api.github.com/users/zdebskiy/orgs","repos_url":"https://api.github.com/users/zdebskiy/repos","events_url":"https://api.github.com/users/zdebskiy/events{/privacy}","received_events_url":"https://api.github.com/users/zdebskiy/received_events","type":"User","site_admin":false},"created_at":"2016-07-04T13:53:52Z","updated_at":"2016-07-04T13:53:52Z","body":"Did it! You're my hero! \r\nCan you tell me how to do yAxes different colors and values I need?"}}
{"actor":{"display_login":"zdebskiy"}}