JavaScript/jQuery VectorMap - background
Specifies the properties for the map background.
Type:
The map background is a space on a map that does not contain areas. Within the background configuration object, you can specify colors for the map background and its border.
jQuery
index.js
$('#vectorMap').dxVectorMap({ // ... background: { color: "azure", borderColor: "blue", }, })
Angular
app.component.html
<dx-vector-map ... > <dxo-background color="azure" borderColor="blue"></dxo-background> </dx-vector-map>
Vue
App.vue
<template> <DxVectorMap ... > <DxBackground color="azure" borderColor="blue" /> </DxVectorMap> </template> <script setup lang="ts"> import { DxVectorMap, DxBackground } from 'devextreme-vue/vector-map'; </script>
React
App.tsx
import { VectorMap, Background } from 'devextreme-react/vector-map'; function App() { return ( <VectorMap ... > <Background color="azure" borderColor="blue" /> </VectorMap> ) }
borderColor
Specifies a color for the background border.
Type:
Default Value: '#cacaca'
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
color
Specifies a color for the background.
Type:
Default Value: '#ffffff'
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.