瀑布图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            let option = {
   title: {
      text: "深圳月最低生活费组成(元)",
      subtext: "来自于ExcelHome",
      left: "center"
   },
   legend: {//图例
      top: 60
   },
   grid: {
      top: 120
   },
   //tooltip: {},//详情提示
   xAxis: {
      data: ["总费用", "房租", "水电费", "交通费", "伙食费", "日用品费用"]
   },
   yAxis: {},
   series: [
      {
         name: "",
         type: "bar",
         data: [0, 1700, 1400, 1200, 300, 0],
         stack: "条形",
         itemStyle: {//配置柱子的样式
            normal: {//常规状态样式
               color: "transparent"
            },
            emphasis: {//高亮状态样式
               color: "transparent"
            }
         }
      },
      {
         name: "费用",
         type: "bar",//柱状图
         data: [2900, 1200, 300, 200, 900, 300],
         stack: "条形",
         itemStyle: {
            normal: {
               label: {//柱子的标签
                  show: true,      //使柱子显示标签
                  position: "inside"  //控制标签显示的位置
               }
            }
         }
      }
   ]
};