edward/bug-chart
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add zoom and pan

Browse source
This commit is contained in:
Edward Betts 2023-12-22 19:56:27 +00:00
parent 4bae8bc64a
commit e29c5899aa
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
template.html
View file

@ -5,6 +5,8 @@
<title>Open bugs over time</title> <title>Open bugs over time</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-zoom/dist/chartjs-plugin-zoom.min.js"></script>
</head> </head>
<body> <body>
@ -31,7 +33,20 @@ document.addEventListener('DOMContentLoaded', function () {
data: data data: data
}] }]
}, },
options: { options: {
plugins: {
zoom: {
pan: {
enabled: true,
},
zoom: {
wheel: { enabled: true },
pinch: { enabled: true },
mode: 'xy',
}
}
},
scales: { scales: {
x: { x: {
type: 'time', type: 'time',