How to use Echarts to make Visual Chart

In this issue, the editor will bring you about how to use Echarts to make visual charts. The article is rich in content and analyzes and narrates it from a professional point of view. I hope you can get something after reading this article.

Recently in combination with the new crawler to do some visual things, today talk about visual charts related.

About visualization tools:

Echarts

Baidu produces a pure Javascript chart library, which feels very convenient to use.

I used it to make two sets of charts.

Group one

Is a visual chart combined with the map, the data source is to take the traffic on the communication equipment to visualize the traffic.

The map is made by canvas canvas, which converts the latitude and longitude coordinates into screen coordinates, and then displays them on the screen. Combined with the charts made by echarts, this set of demo is completed.

Here for the first time to try to implement their own map, next time or use the open source library, I am a little tired to write.

Group 2

Visual charts are made by me recently crawling some of the data from Amazon.

Mainly to see what the value of the best sellers list can be tapped.

There are several valuable charts to take a look at:

Parallel coordinate parallel-aqi

This is the statistics of the products on the list recently:

Review, star, Min-Max price, the number of times they entered the list.

It can be seen from the picture.

Review is concentrated around 1000.

Star is above 3 stars.

Prices are concentrated between $10 and $30.

You can feel intuitively what are the determinants of joining BestSellers.

Bar chart

Counted the number of times they appeared on the bestSellers list.

The more times (> 24), the better the quality of goods and services.

We can further study its keywords, review content and so on.

The fewer times (