2024-10-10
This commit is contained in:
94
web/bsadmin/assets/js/lib/datamap/datamap-init.js
Normal file
94
web/bsadmin/assets/js/lib/datamap/datamap-init.js
Normal file
@@ -0,0 +1,94 @@
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
var map = new Datamap({
|
||||
scope: 'world',
|
||||
element: document.getElementById('world-datamap'),
|
||||
responsive: true,
|
||||
geographyConfig: {
|
||||
popupOnHover: false,
|
||||
highlightOnHover: false,
|
||||
borderColor: '#8EC8FB',
|
||||
borderWidth: 2,
|
||||
highlightBorderWidth: 5,
|
||||
highlightFillColor: '#fff',
|
||||
highlightBorderColor: 'rgba(255,255,255,0.1)',
|
||||
borderWidth: 1,
|
||||
},
|
||||
bubblesConfig: {
|
||||
popupTemplate: function (geography, data) {
|
||||
return '<div class="datamap-sales-hover-tooltip">' + data.country +'<span class="m-l-5"></span>'+ data.sold + '</div>'
|
||||
},
|
||||
borderWidth: 2,
|
||||
highlightBorderWidth: 5,
|
||||
highlightFillColor: '#fff',
|
||||
highlightBorderColor: 'rgba(255,255,255,0.1)',
|
||||
fillOpacity: 0.5
|
||||
},
|
||||
fills: {
|
||||
'Visited': '#f5f5f5',
|
||||
'neato': '#fff',
|
||||
'white': '#fff',
|
||||
defaultFill: '#8EC8FB'
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
map.bubbles([
|
||||
{
|
||||
centered: 'USA',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$500',
|
||||
country:'United States'
|
||||
},
|
||||
{
|
||||
centered: 'SAU',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$900',
|
||||
country:'Saudia Arabia'
|
||||
},
|
||||
{
|
||||
centered: 'RUS',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$250',
|
||||
country:'Russia'
|
||||
},
|
||||
{
|
||||
centered: 'CAN',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$1000',
|
||||
country:'Canada'
|
||||
},
|
||||
{
|
||||
centered: 'IND',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$50',
|
||||
country:'India'
|
||||
},
|
||||
{
|
||||
centered: 'AUS',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$700',
|
||||
country:'Australia'
|
||||
},
|
||||
{
|
||||
centered: 'BGD',
|
||||
fillKey: 'white',
|
||||
radius: 5,
|
||||
sold:'$1500',
|
||||
country:'Bangladesh'
|
||||
}
|
||||
])
|
||||
|
||||
|
||||
window.addEventListener('resize', function (event) {
|
||||
map.resize();
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user