Charts are an essential feature point for enterprise-wide Web development. is also "a concrete rendering of data visualization". Today I see Nanyi translation of the "Data Visualization: Basic Chart" article, while combing the company's current project use of the EChart2.0 class library. Nanyi's articles are also suitable for product managers and designers, as many product managers and designers are not able to distinguish exactly what charts are needed to present specific data.
1. Histogram-bar Chartfit scene: two-dimensional datasets (each data point consists of two values x and y), but only one dimension needs to be compared. It is usually the Y axis. The histogram uses the height of the column to reflect the difference in the data. characteristics: The naked eye is particularly sensitive to height differences, and the effect is very good. Demo:
Demo Address: http://echarts.baidu.com/doc/example/bar1.html Description: Baidu Echart application Patent has a can be dragged calculation. But the patent for many enterprise-class scenarios of the application is a chicken, a little useless. So we can put the option insideCalculable value set to False 2. Line Chart-line ChartSuitable for the scene:
- Suitable for two-dimensional large data sets, there is a certain trend change between multiple data
- Suitable for comparison of multiple two-dimensional datasets, trend comparison.
Sometimes the line chart and the histogram are mixed together, and this practice is not recommended in the system at present. Line charts and histograms are inconsistent in the meaning of individual manifestations. Features: Easier identification of trend changes between 2 groups of data by comparison between data Demo:demo address: http://echarts.baidu.com/doc/example/line1.html Description: None3. Pie Chart-pie ChartFit the scene: reflect a portion of the overall proportion. Features: Nanyi The pie chart is a chart that should be avoided because the human eye is insensitive to the size of the sector. In particular, the data are similar in the case. Demo:demo Address: http://echarts.baidu.com/doc/example/pie1.html Description: At present Echart does not support the pie chart after the click of the binding related events, the actual project has this requirement, such as: Click on a certain sector area , it will pop out. You can then listen to some events and pop up a modal box. For example, the effect: not to be continued. In the following section, we will continue to introduce the scatter plots in Echart,Reference URL:1. Visualization of data: Basic chart http://www.ruanyifeng.com/blog/2014/11/basic-charts.html 2.echart2.0 official website: http://echarts.baidu.com/ 3.Data visualization with javascript:http://jsdatav.is/intro.html
This blog is written through the Youdao cloud notes, and then shared, I copied directly to the blog park. We have direct access to: Http://note.youdao.com/share/?id=bfce0b658da2eea9d426dccc69ea1cd7&type=note
Data visualization-echart2.0 Use summary 1