eventRadius

sets the radius (in pixels) of the virtual circle the events of which will fire for items within

number eventRadius;

Example

webix.ui({
    view:"chart",
    type:"area",
    xAxis:{
        template:"'#year#"
    },
    eventRadius: 5
})

Related samples

Details

By default, item-related events, such as onItemClick, onMouseMove etc., fire 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 fire 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
});


See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix html5 framework and page of javascript charting product.