Echarts中柱状图,xAxis属性中的data(X轴)动态填充

 如图,echarts中柱状图如果xAxis对象没有配置data属性,那么X轴上的名称就显示不出来,即便像饼图直接在series数组对象中配置data

 也显示不出来,查看官方实例后发现一个方法,即

 xAxis: {
   type: "category",
   data: (() => {
     let list = [];
       this.data.map((item) => {
          list.push(item.name);
       });
       return list;
    })(),
    axisTick: {
       alignWithLabel: true,
    },
},

如上图方法,便可以直接从series数组对象中配置的name属性直接取值,比较方便