Styjun

Ex-contractor published company source code and secrets online

Is Calculus necessary for computer science student?

Generating function of ordered partitions

How to mark beverage cans in a cooler for a blind person?

Replace value with variable length between double quotes

Visa National - No Exit Stamp From France on Return to the UK

changing number of arguments to a function in secondary evaluation

Should you play baroque pieces a semitone lower?

Was the 2019 Lion King film made through motion capture?

What skills in 5e give trap knowledge (i.e. the equivalent of Dungeoneering in 4e)?

Interpretation of 21 cm intensity mapping

What does "sardine box" mean?

Can you castle with a "ghost" rook?

Withdrew when Jimmy met up with Heath

(11 of 11: Meta) What is Pyramid Cult's All-Time Favorite?

Generate Brainfuck for the numbers 1–255

How can you evade tax by getting employment income just in equity, then using this equity as collateral to take out loan?

Carbs Vs Fat - Which is better for weight loss

As a 16 year old, how can I keep my money safe from my mother?

Dropdowns & Chevrons for Right to Left languages

During the Space Shuttle Columbia Disaster of 2003, Why Did The Flight Director Say, "Lock the doors."?

What is my malfunctioning AI harvesting from humans?

The cat ate your input again!

Is it okay for a ticket seller to grab a tip in the USA?

Why is pan (and zoom) not working on my Chart.js graph?

Hover event in graph Chart.jszooming/blowup and panning option in chart.js on category scalesChart.js max legend heightpan on chart.js also zoom on line chartszoom and pan on charts in angularChart.js Dynamic data,graph plot MVCreset the zoom to the initial in chart.js?Can someone experienced with chartjs point out why is this bug happening?Display Only Part of the Data using Chart.js

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I'm making a linear graph and the pan and zoom functionality are not working.
I'm using:

"chart.js": "Chart-js#v2.5.0",
"chartjs-plugin-zoom": "Chart.Zoom.js#v0.7.0",
"hammerjs": "v2.0.8"

and added them in this orden in the html:

<script src="~/lib/hammerjs/hammer.min.js"></script>
<script src="~/lib/chart.js/dist/Chart.min.js"></script>
<script src="~/lib/chartjs-plugin-zoom/dist/chartjs-plugin-zoom.min.js"></script>

I'm using chart.js 2.5.0 because i needed it to work on IE11 and read somewhere that it was better to use that version, but I'm not sure about that.

I copied a working code from snippets online, but it's still now working.

<canvas id="canvas" height="180"></canvas>
 <script>
 var ctx = document.getElementById("canvas").getContext('2d');
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept'],
 datasets: [
 label: '# of Votes',
 data: [12, 19, 3, 5, 0, 5, 9, 4, 11]
 ]
 ,
 options: 
 pan: 
 enabled: true,
 mode: 'x',
 ,
 zoom: 
 enabled: true,
 mode: 'x',
 
 
 );
 </script>

The graph shows but I'm not getting the functionalities and in the console there are no errors.

Thanks in advance.

chart.js hammer.js

share|improve this question

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I created a fiddle from your code and see the zoom is working correctly. jsfiddle.net/b3yvamed
  
  – Kunal Khivensara
  Mar 27 at 9:13
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yeah... but it's not working on my ASP.NET MVC project @kunal-khivensara
  
  – Miguel Cordero
  Mar 27 at 9:25
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  See if you have any error in the console.
  
  – Kunal Khivensara
  Mar 27 at 9:50
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  No, I don't... @KunalKhivensara
  
  – Miguel Cordero
  Mar 27 at 10:25
  

  
  
  
  

add a comment | 

0

I'm making a linear graph and the pan and zoom functionality are not working.
I'm using:

"chart.js": "Chart-js#v2.5.0",
"chartjs-plugin-zoom": "Chart.Zoom.js#v0.7.0",
"hammerjs": "v2.0.8"

and added them in this orden in the html:

<script src="~/lib/hammerjs/hammer.min.js"></script>
<script src="~/lib/chart.js/dist/Chart.min.js"></script>
<script src="~/lib/chartjs-plugin-zoom/dist/chartjs-plugin-zoom.min.js"></script>

I'm using chart.js 2.5.0 because i needed it to work on IE11 and read somewhere that it was better to use that version, but I'm not sure about that.

I copied a working code from snippets online, but it's still now working.

<canvas id="canvas" height="180"></canvas>
 <script>
 var ctx = document.getElementById("canvas").getContext('2d');
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept'],
 datasets: [
 label: '# of Votes',
 data: [12, 19, 3, 5, 0, 5, 9, 4, 11]
 ]
 ,
 options: 
 pan: 
 enabled: true,
 mode: 'x',
 ,
 zoom: 
 enabled: true,
 mode: 'x',
 
 
 );
 </script>

The graph shows but I'm not getting the functionalities and in the console there are no errors.

Thanks in advance.

chart.js hammer.js

share|improve this question

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I created a fiddle from your code and see the zoom is working correctly. jsfiddle.net/b3yvamed
  
  – Kunal Khivensara
  Mar 27 at 9:13
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yeah... but it's not working on my ASP.NET MVC project @kunal-khivensara
  
  – Miguel Cordero
  Mar 27 at 9:25
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  See if you have any error in the console.
  
  – Kunal Khivensara
  Mar 27 at 9:50
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  No, I don't... @KunalKhivensara
  
  – Miguel Cordero
  Mar 27 at 10:25
  

  
  
  
  

add a comment | 

I'm making a linear graph and the pan and zoom functionality are not working.
I'm using:

"chart.js": "Chart-js#v2.5.0",
"chartjs-plugin-zoom": "Chart.Zoom.js#v0.7.0",
"hammerjs": "v2.0.8"

and added them in this orden in the html:

<script src="~/lib/hammerjs/hammer.min.js"></script>
<script src="~/lib/chart.js/dist/Chart.min.js"></script>
<script src="~/lib/chartjs-plugin-zoom/dist/chartjs-plugin-zoom.min.js"></script>

I'm using chart.js 2.5.0 because i needed it to work on IE11 and read somewhere that it was better to use that version, but I'm not sure about that.

I copied a working code from snippets online, but it's still now working.

<canvas id="canvas" height="180"></canvas>
 <script>
 var ctx = document.getElementById("canvas").getContext('2d');
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept'],
 datasets: [
 label: '# of Votes',
 data: [12, 19, 3, 5, 0, 5, 9, 4, 11]
 ]
 ,
 options: 
 pan: 
 enabled: true,
 mode: 'x',
 ,
 zoom: 
 enabled: true,
 mode: 'x',
 
 
 );
 </script>

The graph shows but I'm not getting the functionalities and in the console there are no errors.

Thanks in advance.

chart.js hammer.js

share|improve this question

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges

"chart.js": "Chart-js#v2.5.0",
"chartjs-plugin-zoom": "Chart.Zoom.js#v0.7.0",
"hammerjs": "v2.0.8"

<script src="~/lib/hammerjs/hammer.min.js"></script>
<script src="~/lib/chart.js/dist/Chart.min.js"></script>
<script src="~/lib/chartjs-plugin-zoom/dist/chartjs-plugin-zoom.min.js"></script>

<canvas id="canvas" height="180"></canvas>
 <script>
 var ctx = document.getElementById("canvas").getContext('2d');
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept'],
 datasets: [
 label: '# of Votes',
 data: [12, 19, 3, 5, 0, 5, 9, 4, 11]
 ]
 ,
 options: 
 pan: 
 enabled: true,
 mode: 'x',
 ,
 zoom: 
 enabled: true,
 mode: 'x',
 
 
 );
 </script>

share|improve this question

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges

share|improve this question

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges

asked Mar 27 at 8:22

Miguel CorderoMiguel Cordero

7177 bronze badges