tooltip

specifies a custom tooltip for a chart

string|function tooltip;

Example

webix.ui({          
    view:"geochart", 
    id:"map",
    data:data,
    // provide your own Google API key
    // https://developers.google.com/maps/documentation/javascript/get-api-key
    key:"AIzaSyAi0oVNVO-e603aUY8SILdD4v9bVBkmiTg",
    columns:["country", "population"],
    tooltip:"Population: #population#<br>Area: #area#"
});

Related samples

Details

The tooltip can also be set as a function that receives the item data object:

webix.ui({          
    view:"geochart", 
    id:"map",
    data:data,
    // provide your own Google API key
    // https://developers.google.com/maps/documentation/javascript/get-api-key
    key:"AIzaSyAi0oVNVO-e603aUY8SILdD4v9bVBkmiTg",
    columns:["country", "population"],
    tooltip:function(obj){
        return "Population: " + obj.population + "<br>Area: " + obj.area;
    }
});
See also
  • Articles
  • Back to top