Echarts的饼图和柱图

1、首先我们先引入echarts的js文件

2、初始化实例

3、手动设置饼图和柱图的配置项和数据


设置标题和字体大小，
设置提示框组件：
Trigger：item（数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用）；
Formatter：’{a} {b}
人数:{c};比例:{d}%（饼图：{a}(系列名称)，{b}（数据项名称），{c}（数值），{d}（百分比））
设置图列：
orient: ‘horizontal’（图列列表的朝向）
left: ‘left’，top: 20（图表靠左，离头部20px;）
最后设置图表的名称，类型和占比大小，再设置饼图的数据
4、使用配置项和数据显示图标

5、重新写饼图和柱图的宽度

效果：