{"action":"opened","issue":{"url":"https://api.github.com/repos/chartjs/chartjs-plugin-zoom/issues/65","repository_url":"https://api.github.com/repos/chartjs/chartjs-plugin-zoom","labels_url":"https://api.github.com/repos/chartjs/chartjs-plugin-zoom/issues/65/labels{/name}","comments_url":"https://api.github.com/repos/chartjs/chartjs-plugin-zoom/issues/65/comments","events_url":"https://api.github.com/repos/chartjs/chartjs-plugin-zoom/issues/65/events","html_url":"https://github.com/chartjs/chartjs-plugin-zoom/issues/65","id":212060609,"number":65,"title":"Not working with Browserify","user":{"login":"rico345100","id":10347098,"avatar_url":"https://avatars3.githubusercontent.com/u/10347098?v=3","gravatar_id":"","url":"https://api.github.com/users/rico345100","html_url":"https://github.com/rico345100","followers_url":"https://api.github.com/users/rico345100/followers","following_url":"https://api.github.com/users/rico345100/following{/other_user}","gists_url":"https://api.github.com/users/rico345100/gists{/gist_id}","starred_url":"https://api.github.com/users/rico345100/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rico345100/subscriptions","organizations_url":"https://api.github.com/users/rico345100/orgs","repos_url":"https://api.github.com/users/rico345100/repos","events_url":"https://api.github.com/users/rico345100/events{/privacy}","received_events_url":"https://api.github.com/users/rico345100/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-03-06T09:04:22Z","updated_at":"2017-03-06T09:04:22Z","closed_at":null,"body":"I don't think that it causes from Browserify, it causes from somewhere it didn't connected with Chart.js, anyway this is my code:\r\n\r\n```javascript\r\nimport React, { Component, PropTypes } from 'react';\r\nimport Chart from 'chart.js/src/chart';\r\nimport 'hammerjs';\r\nimport 'chartjs-plugin-zoom';\r\n\r\n...\r\n\r\nconst chartOptions = {\r\n\tresponsive: true,\r\n\tmaintainAspectRatio: false,\r\n\ttype: 'line',\r\n\tbackgroundColor: '#5092ce',\r\n\tdata: { ... },\r\n\toptions: {\r\n\t\tscales: {\r\n\t\t\tyAxes: [{\r\n\t\t\t\tticks: {\r\n\t\t\t\t\tmin: 0\r\n\t\t\t\t}\r\n\t\t\t}]\r\n\t\t},\r\n\t\tpan: {\r\n\t\t\tenabled: true,\r\n\t\t\tmode: 'xy',\r\n\t\t\tspeed: 10,\r\n\t\t\tthreshold: 10\r\n\t\t},\r\n\t\tzoom: {\r\n\t\t\tenabled: true,\r\n\t\t\tmode: 'y',\r\n\t\t\tlimits: {\r\n\t\t\t\tmax: 10,\r\n\t\t\t\tmin: 0.5\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\r\n\r\nclass GraphChart extends Component {\r\n\t...\r\n\tupdateChart = async () => {\r\n\t\tconst context = this.refs.chart.getContext('2d');\r\n\t\tconst chart = new Chart(context, chartOptions);\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"chart\">\r\n\t\t\t\t<canvas ref=\"chart\"></canvas>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n```\r\n\r\nChart.js itself working good, but when I try zoom, it just zoom the screen, not the chart! I checked hammer.js and chartjs-plugin-zoom modules were loaded, but it just not worked.\r\n\r\nI tried with different types of chart, like 'bar', it wasn't worked at all. Also documentation is too lack of informations, you better to add some more information like collaborate with Webpack or Browserify something, I guess.\r\n\r\nI checked that this module actually exposes some methods but there is no information about this and I'm quite confusing."}}
{"actor":{"display_login":"rico345100"}}