这篇echarts的堆栈图主要是根据这篇D3.js堆栈图(http://blog.csdn.net/u013147600/article/details/46770415 )实现的。
效果图:
1.JSON文件数据:
{
"name":"某市2005-1010年利润情况",
"product":
[
{ "name": "PC" ,
"sales": [ { "year":"2005", "profit": 3000 },
{ "year":"2006", "profit": 1300 },
{ "year":"2007", "profit": 3700 },
{ "year":"2008", "profit": 4900 },
{ "year":"2009", "profit": 700 },
{ "year":"2010", "profit": 700 }] },
{ "name": "SmartPhone" ,
"sales": [ { "year":"2005", "profit": 2000 },
{ "year":"2006", "profit": 4000 },
{ "year":"2007", "profit": 1810 },
{ "year":"2008", "profit": 6540 },
{ "year":"2009", "profit": 2820 },
{ "year":"2010", "profit": 1000 }] },
{ "name": "Software" ,
"sales": [ { "year":"2005", "profit": 1100 },
{ "year":"2006", "profit": 1700 },
{ "year":"2007", "profit": 1680 },
{ "year":"2008", "profit": 4000 },
{ "year":"2009", "profit": 4900 },
{ "year":"2010", "profit": 700 }] }
]
}
2.根据JSON文件新建的实例类
Domain.java
package com.entity;
/**
* @author lyx
*
* 2015-7-7上午11:09:19
*
*springechart.com.entity.Product
*/
public class Domain {
private String name;
private Product product;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Product getProduct() {
return product;
}
public void setProduct(Product product) {
this.product = product;
}
}
Product.java
package com.entity;
/**
* @author lyx
*
* 2015-7-7上午11:10:11
*
*springechart.com.entity.Sales
*/
public class Product {
private String name;
private Sales sale;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Sales getSale() {
return sale;
}
public void setSale(Sales sale) {
this.sale = sale;
}
}
Sales.java
package com.entity;
/**
* @author lyx
*
* 2015-7-7下午2:10:54
*
*springechart.com.entity.Profit
*/
public class Sales {
private String year;
private int profit;
public String getYear() {
return year;
}