| (window.webpackJsonp=window.webpackJsonp||[]).push([[49],{343:function(e,t,h){"use strict";h.r(t),t.default='# Bubble Chart\n\nThe bubble chart shows the relevance between variables. Same as the scatter chart, data in bubble chart are set with points, it shows the relationship of data between two variables. The different part is that the scatter chart has several variables. It included the size of the bubble. A bigger bubble means a larger value. Users can analyze the law of data by the location and size of bubbles. \n\n<iframe max-width="830" width="100%" height="400" \nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xHkRpZuY4z&v=1">\n</iframe>\n\n## Suggestion for Using Bubble Chart\n\n1. It is a good choice to choose a bubble chart while there are three series, features and related values. As shown below, the bubbles\' position shows the date and specific time when the code was submitted, the size explained the amount of code submitted.\n\n<iframe max-width="830" width="100%" height="400" \nsrc="https://gallery.echartsjs.com/view-lite.html?cid=scatter-punchCard">\n</iframe>\n\n2. You can also change the color of the bubbles. The chart below uses different colors to classify the air quality of three areas. Red is Beijing, yellow is Shanghai, and blue is Guangzhou. Users can visually compare and analyze the tire quality of the three places. \n\n<iframe max-width="830" width="100%" height="400" \nsrc="https://gallery.echartsjs.com/view-lite.html?cid=xr1kK7LoEf&v=1">\n</iframe>\n\n3. A bubble chart commonly used to combine with the map. X-axis and y-axis represent the longitude and latitude. The size of bubbles can be the magnitude of the value at that position.\n\n<iframe max-width="830" width="100%" height="400" \n src="https://gallery.echartsjs.com/view-lite.html?cid=scatter-world-population">\n</iframe>\n'}}]); |