Why is this dxVectorMap not getting rendered in my fiddle?

Question

I've got a dxVectorMap which is not getting rendered in my fiddle.

• The console.log function says that json data is good enough
• There's no error as such
• The code seems to be good enough because the zoom control is showing up
• I've given height as well to #container div

What am I missing here?

Answer 1

You are using DevExtreme Charts with version 13.2 which released in 2013. Documentation for this version available here (you can change version to 13.2 in documentation settings).

there are scripts for 13.2:

http://cdn3.devexpress.com/jslib/13.2.5/js/dx.chartjs.js http://cdn3.devexpress.com/jslib/13.2.5/js/vectormap-data/usa.js

For several years widget has many new features: 14.1, 14.2, 15.1, 15.2

and the settings structure has changed: 16.1 Documentation

2 ways:

1) You should include more modern script versions:

chartjs: http://cdn3.devexpress.com/jslib/16.1.4/js/dx.viz-web.js

and

usa.js: http://cdn3.devexpress.com/jslib/16.1.4/js/vectormap-data/usa.js

and your code will work

or

2) You should set configuration for 13.2 version