This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Front-end design & web › Front-end frame › echarts realizes the display of China map data
View: 17827|Reply: 0

[Other] echarts realizes the display of China map data

[Copy link]
Posted on 5/10/2019 2:09:42 PM | | | |
It is too common for everyone to use graphics to display data in projects, echarts is a very popular plug-in tool, and many large platforms use echarts;

Generally used in bars, lines, and sector charts, today let's talk about displaying the data of various places on the map of China;

First, prepare the JS file for the map of China:The hyperlink login is visible.

After introducing echarts, the China.js file is introduced

PS：There is a small bug, you have to use echarts.min.js to use China.js;  Introducing echarts.common.min.js is ineffective; it is also very brain-burning to find this problem after testing many times；

Write a random number to test the data:

Data:

Write your own data to the value

Instantiate option, configure attributes, and place data in data

The effect is as shown in the figure:







Previous:Map charts using the ngx-echarts component in Angular 6
Next:A full set of materials commonly used by HR

Related Posts
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com