score:11
Accepted answer
ꜰɪʀꜱᴛ
add hammer.js to your project :
<script src="http://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
ꜱᴇᴄᴏɴᴅ
enable pan option for your chart, like so :
options: {
pan: {
enabled: true,
mode: 'x',
},
...
}
see demo on jsfiddle
score:0
Source: stackoverflow.com
Related Query
- How to add panning to chart in chartjs?
- How to add ChartJS code in Html2Pdf to view image
- ChartJS version 3 how to add percentage to pie chart tooltip
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How to add space to the bottom of the chart in chartjs [angular]
- ChartJS - How to add Text between Pie Chart and Legend
- How can I add functionality to Chartjs Doughnut chart custom legend
- How to add vertical line in bar chart using chartJs and ng2-charts?
- How to add text inside the doughnut chart using Chart.js?
- How to modify chartjs tooltip so i can add customized strings in tooltips
- How to add an on click event to my Line chart using Chart.js
- chartjs : how to set custom scale in bar chart
- How to fix chart Legends width-height with overflow scroll in ChartJS
- How to add an offset to a dataset in Chart js
- ChartJS add tooltip to a grouped bar chart
- How to add second Y-axis for Bar and Line chart in Chart.js?
- How to add text in centre of the doughnut chart using Chart.js?
- How to add label for ChartJs Legend
- How to add datas to chart js from javascript array itself?
- How to change the color of legend in chartjs and be able to add one more legend?
- How to access labels array using chart plugin (Chart.pluginService.register) in Chartjs 2.x?
- How to draw Horizontal line on Bar Chart Chartjs
- how to add a title to my ng2-charts bar chart
- How to dynamically set ChartJs line chart width based on dataset size?
- How to add comma in this chart js
- How to add gradient background to Line Chart [vue-chart.js]
- How can I add some text in the middle of a half doughnut chart in Chart.JS?
- How to add background color between two lines in yAxis Chartjs
- ChartJS - how to display line chart with single element as a line? (not as a dot)
- How to draw a needle on a custom donut chart and add datapoints to the needle?
More Query from same tag
- How to put images/ charts into table?
- ChartJS align axis label to the top
- Best API/code library to build a timeline/chart
- Chart js - render images on only one dataset
- Primevue Chart not rendered
- chart js when hover shows old values
- yAxes not working with min max option
- Chart.js Multiple dataset
- Beginner using chart.js: having trouble display state full of data into a column chart using variables
- vb.net string to chartjs data field?
- Using chart.js, how do I align bars instead of centering them when there are only a few bars to display?
- remove undefined label in the upper part of a chart
- Chart.js two y axes line chart tooltip value incorrect for 2nd y axis
- Hiding Chart.js line, but showing it's data in the tooltip
- Why is there an error in ChartJs.Blazor (change in ASPNETCORE_ENVIRONMENT)
- Avoiding Empty Curly Braces in MongoDB Aggregation
- Chart.js not rendering chart with data from mySQL database
- Charts Area JS v2: How to set units?
- Doughnut chart updates with twice the data
- Inverting X axis number labels in chart.js scatter chart
- Chart js size and placement
- How to display Tooltip without hovering pie chart with Chart.JS
- How to customize horizontal bar in chart.js?
- Category scale on Y-axis and time on x-axis in bubble chart in Chartjs
- Html chart does not fit a small Android WebView
- Chartjs.org Chart only displaying in one page
- chart.js Radar shows 0 when value is 12
- Resize chart.js canvas for printing
- Displaying Charts in C# using ChartJS
- Removing text shadow/blur from chart.js charts