Comments (6)
From http://www.chartjs.org/docs/#generalIssues-chartInteractivity :
"If you are looking to add interaction as a layer to charts, Chart.js is not
the library for you. A better option would be using SVG, as this will let
you attach event listeners to any of the elements in the chart, as these
are all DOM nodes."
On Mon, Mar 18, 2013 at 4:16 AM, Nuwan Bandara [email protected]:
Hi,
Any plans on making them interactive. Right now, you don't have tooltips
etc for mouse pointers yeah ?Regards,
/Nuwan—
Reply to this email directly or view it on GitHubhttps://github.com//issues/2
.
from chart.js.
It would be good though to have basic tooltips support like github does it on its network graph using canvas https://github.com/nnnick/Chart.js/network
from chart.js.
I haven't planned to add interactivity to charts at this stage. The chart is a single canvas DOM node, which is similar in characteristics to an image, but with a lighter footprint.
Canvas graphics sacrifice interactivity to raw speed. It's really up to you what is more important for your particular use case. There are a number of SVG based libraries for providing interactive graphs, including gRaphael, or other libraries built off d3.js.
from chart.js.
It is relatively easy to add interactivity: keep a list of chart elements(type, coordinates)+data associated with them, add one method getElementAtMouseCoordinates(x, y). For each type of chart element you need to be able to intersect the mouse coordinate with the element's geometry. Quite easy for bars, a bit more work for pie slices, etc.
This will not sacrifice speed at all.
from chart.js.
By the way, your charts look gorgeous!
How difficult is it to add new chart types, for example a heat/tree map?
from chart.js.
tooltip on mouseover would be great, don't know how implement this though. I like your chart and looking forward to it.
from chart.js.
Related Issues (20)
- Multiple charts freeze Firefox tab with maintainAspectRatio: false HOT 8
- The bars in the graphs which are having the exact values included in the tooltips are not accessible with keyboard keys. HOT 1
- chart.cjs blocked by CDN HOT 5
- How to use the Colors plugin? No docs/info :( HOT 1
- chart.hide(datasetIndex, dataIndex) not hiding bar
- Typo: Missing 's' in documentation of plugins.tooltip.textDirection HOT 3
- Compile for CDN (and SRI) HOT 4
- tooltip titleSpacing option has no effect HOT 3
- chartjs.org - Samples link broken HOT 3
- Long force-rotated horizontal labels are cut off
- When right click on particular bar it should open contextMenu with clicked label data presently it is not working , working with chartClick HOT 1
- PHP composer package for Chart.js is broken because of missing dist directory
- Browserify + common-shakeify + Chart.js = infinite stack trace
- afterInit callback runs more than once per chart HOT 1
- Sporadic lines in line chart on Firefox 116
- Line event handling
- It would be great if you can add anatomy of each chart in documentation HOT 1
- The "font" attribute, passed to the "renderText()" function, doesn't seem to work as expected. HOT 2
- [Bubble] radius function resize browser
- typescript type incorrect for chart.update(mode) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chart.js.