sets the radius (in pixels) of the virtual circle which events will fire for items within
webix.ui({
container:"chartDiv",
view:"chart",
type:"area",
xAxis:{
template:"'#year#"
},
eventRadius: 5
})
By default, item-related events, such as onItemClick, onMouseMove etc., occur when the user clicks or holds the mouse over the item point. To increase the area where these events are listened to, you should use eventRadius.
Let's take a simple example - a line chart with enabled tooltips.
var lineChart = new WebixChart({
view:"line",
...
tooltip:{
template:"itemId=#id#"
}
});
As you probably know, tooltips are displayed/hidden when the onMouseMove / onMouseOut events occur for an item.
So, to see the tooltip the user should hold the mouse
over the item point.
If you want to give users a bit of freedom and display tooltips not only when the mouse is over the point but also when it's some distance away, you can specify eventRadius:
var lineChart = new WebixChart({
view:"line",
...
tooltip:{
template:"itemId=#id#"
},
eventRadius:10
});