漏刻有时数据可视化Echarts组件开发(5):二级饼图分类展示收入支出ROI

引入 echarts.js

创建DOM容器

数据格式

    var income = [
        {
   name: '工资性收入', value: 19785},
        {
   name: '经营净收入', value: 3595},
        {
   name: '财产净收入', value: 3481},
        {
   name: '转移净收入', value: 5959}
    ];

    var inTotal = getTotal(income, "value");

    var expenses = [
        {
   name: '食品烟酒', value: 4546},
        {
   name: '衣着', value: 847},
        {
   name: '居住', value: 3736},
        {
   name: '生活用品及服务', value: 896},
        {
   name: '交通通信', value: 1955},
        {
   name: '教育文化娱乐', value: 1276}