最近论文需要一些比较直观的图表, 发现echart做出来的图还是比较美观的,这里介绍如何修改数据生成你需要的echart图。

1.堆积柱状图:

http://echarts.baidu.com/examples/editor.html?c=bar-stack

数据输入——生成你需要的echart图(堆积柱状图、扇形图、嵌套环形图)-LMLPHP

以上的类型的颜色是自动分配的,stack属性可以将同一类型的数据放在一个矩形图中。

2.扇形图

http://echarts.baidu.com/examples/editor.html?c=pie-legend

数据输入——生成你需要的echart图(堆积柱状图、扇形图、嵌套环形图)-LMLPHP

1---->随机生成扇形图中的

2---->随机生成对应名字的数量

3---->显示几个名字在图形中

function代码可以改为下面代码样式,来传入自己的数据:

function genData(count) {
var nameList = [
'儿童', '无标记', '灾难', '戏曲', '传记', '战争', '家庭', '历史', '科幻', '悬疑', '武侠', '冒险', '古装', '鬼怪', '爱情', '动作', '动画', '奇幻', '剧情', '惊悚', '犯罪', '运动', '短片', '喜剧','同性','恐怖'
];
var legendData = [];
var seriesData = [];
var list_1=[4,20,2,2,2,14,16,23,11,39,17,15 ,64,2,137,22,8,36,231,9,12,1,14,18,1,1]
var selected = {};
for (var i = 0; i < 26; i++) {
name =nameList[i];
legendData.push(name);
seriesData.push({
name: name,
value: list_1[i]
});
selected[name] = i <27;
} return {
legendData: legendData,
seriesData: seriesData,
selected: selected
}; }

3.嵌套环形图

http://echarts.baidu.com/examples/editor.html?c=pie-nest

数据输入——生成你需要的echart图(堆积柱状图、扇形图、嵌套环形图)-LMLPHP

selected表示哪一个被选中,上面的data表示内圆,是外面环的总和,从上到下要按顺序排列即可(见上图),当然你也可以不这样排列,但是这样就得不到对应的效果图。

05-08 15:36