vue+echarts 柱状图

父页面 

        

 data:

 otherProportion: [
        { value: 50, name: "莲湖区" },
        { value: 53, name: "碑林区" },
        { value: 25, name: "高新区" },
        { value: 21, name: "未央区" },
        { value: 73, name: "阎良区" },
        { value: 26, name: "雁塔区" },
        { value: 15, name: "灞桥区" },
        { value: 32, name: "长安区" }
      ],

封装 




效果图

vue+echarts 柱状图_第1张图片 

 

你可能感兴趣的:(echarts,vue)