Gathering detailed insights and metrics for chartjs-plugin-crosshair
Gathering detailed insights and metrics for chartjs-plugin-crosshair
Gathering detailed insights and metrics for chartjs-plugin-crosshair
Gathering detailed insights and metrics for chartjs-plugin-crosshair
@types/chartjs-plugin-crosshair
TypeScript definitions for chartjs-plugin-crosshair
m2m-chartjs-plugin-crosshair
Chart.js plugin to draw and sync vertical crosshair lines
@adelamar/chartjs-plugin-crosshair
Chart.js plugin to draw and sync vertical crosshair lines
@bennetgallein/chartjs-plugin-crosshair
Chart.js plugin to draw and sync vertical crosshair lines
npm install chartjs-plugin-crosshair
Typescript
Module System
Node Version
NPM Version
JavaScript (100%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
159 Stars
78 Commits
88 Forks
6 Watchers
11 Branches
4 Contributors
Updated on Jul 13, 2025
Latest Version
2.0.0
Package Id
chartjs-plugin-crosshair@2.0.0
Unpacked Size
50.45 kB
Size
9.03 kB
File Count
6
NPM Version
9.5.1
Node Version
18.16.1
Published on
Aug 08, 2023
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
Chart.js plugin to draw vertical crosshair, zoom, interpolate values and sync chart interactions.
Requires Chart.js 3.4.0 or later.
1new Chart(ctx, { 2 // ... data ... 3 options: { 4 // ... other options ... 5 plugins: { 6 tooltip: { 7 mode: 'interpolate', 8 intersect: false 9 }, 10 crosshair: { 11 line: { 12 color: '#F66', // crosshair line color 13 width: 1 // crosshair line width 14 }, 15 sync: { 16 enabled: true, // enable trace line syncing with other charts 17 group: 1, // chart group 18 suppressTooltips: false // suppress tooltips when showing a synced tracer 19 }, 20 zoom: { 21 enabled: true, // enable zooming 22 zoomboxBackgroundColor: 'rgba(66,133,244,0.2)', // background color of zoom box 23 zoomboxBorderColor: '#48F', // border color of zoom box 24 zoomButtonText: 'Reset Zoom', // reset zoom button text 25 zoomButtonClass: 'reset-zoom', // reset zoom button class 26 }, 27 callbacks: { 28 beforeZoom: () => function(start, end) { // called before zoom, return false to prevent zoom 29 return true; 30 }, 31 afterZoom: () => function(start, end) { // called after zoom 32 } 33 } 34 } 35 } 36 } 37});
You first need to install node dependencies (requires Node.js):
> npm install
The following commands will then be available from the repository root:
> gulp build // build dist files
> gulp build --watch // build and watch for changes
> gulp lint // perform code linting
> gulp docs // generate GitBook documentation (`dist/docs`)
> gulp samples // prepare samples for release (`dist/samples`)
> gulp package // create an archive with dist files and samples
> gulp netlify // prepare Netlify artifacts (`dist/www`)
chartjs-plugin-crosshair
is available under the MIT license.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
Reason
Found 2/9 approved changesets -- score normalized to 2
Reason
dependency not pinned by hash detected -- score normalized to 2
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
Project has not signed or included provenance with any releases.
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
59 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-14
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More