Comments (3)
For these kind of questions please head over to stack overflow. But what you need to do is store your chart in a variable and then you can do the exact same logic as you do in the onClick
handler.
from chart.js.
@CuongSofi I don't think you need to catch the click event outside of the canvas.
When something change in the list box you have to select the datasets, you can invoke chart.update()
where the legend plugin is configured to reflect what is selected in list box.
codepen: https://codepen.io/stockinail/pen/MWdyNyj
@LeeLenaleee apologize, I had already started the codepen before your feedback.
from chart.js.
No problem :)
from chart.js.
Related Issues (20)
- Proper config is not provided HOT 2
- The callback is not working as expected for x-Axis HOT 2
- Add ability to lock aspect ratio of the grid, ignoring title and labels
- Radial angleLines not displayed when reversed
- Adding configuration to `y` scale produces point shift in scatter type dataset
- Tooltip: customize point style (like in legend plugin)
- Help with removing padding on Y-axis when y-axis ticks are hidden with ticks {display:false} in configuration. HOT 1
- Add Candlestick chart HOT 1
- Python library HOT 1
- Rendered chart does not fit to canvas with fixed width, resulting in a cut in the output-render on the right side HOT 1
- ticks configuration not complete HOT 2
- The tooltip is still visible on legend item hover
- Legend: boxPadding does nothing
- A tooltip appears in the center of the chart on chart hover after hiding all data via legend click
- Legend: maxHeight does nothing for positions left & right, maxWidth does nothing for positions top & bottom
- Labels: textDirection does nothing
- How to disable hiding of tooltips on hover? HOT 5
- Improve Chart update performance with many datasets
- In category axis, the last tick is not drawn if either maxTicksLimit or autoSkipPadding is specified.
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.