Ad
Remove Highlighting Of The Clicked Part In Flot
I'll take as an example this plot: http://www.flotcharts.org/flot/examples/interacting/
As you can see, if you click a point it will remain highlighted. Not an issue with static graphs, but I have a graph that is updated every second.
How could I make this highlighted part disappear after a certain period, e.g. 5 seconds?
This is the flot code for the above chart (clickable elements):
$("#placeholder").bind("plotclick", function (event, pos, item) {
if (item) {
$("#clickdata").text(" - click point " + item.dataIndex + " in " + item.series.label);
plot.highlight(item.series, item.datapoint);
}
});
Ad
Answer
To remove the highlight after 5 seconds, you can use a timer for the unhighlight()
function:
$("#placeholder").bind("plotclick", function (event, pos, item) {
if (item) {
$("#clickdata").text(" - click point " + item.dataIndex + " in " + item.series.label);
plot.highlight(item.series, item.datapoint);
setTimeout(function() {
plot.unhighlight(item.series, item.datapoint);
}, 5000);
}
});
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad