使用的是微信开发者工具，在微信小程序的js页

好的，那么在微信小程序中，你可以按照以下方式来实现渲染：

1. 在页面中引入ECharts库文件，可以在页面的头部或者全局配置中引入。比如，在页面的头部引入：

import * as echarts from '../../ec-canvas/echarts';

2. 在页面的data中定义filteredDataArray数组，并设置其初始值为空数组：

data: {
  filteredDataArray: []
}

3. 在页面的onLoad生命周期函数中，初始化ECharts实例，并将实例挂载到页面的data中：

onLoad: function () {
  this.ecComponent = this.selectComponent('#mychart');
  this.ecComponent.init((canvas, width, height) => {
    const chart = echarts.init(canvas, null, {
      width: width,
      height: height
    });
    this.setData({
      chart: chart
    });
    return chart;
  });
}

4. 在页面中定义一个函数，用于渲染图表数据。在函数中，先获取到ECharts实例，然后设置图表的配置项，最后调用setOption方法来渲染图表：

renderChart: function () {
  var that = this;
  var chart = that.data.chart;
  var option = {
    tooltip: {
      formatter: function(params) {
        var avenue = params.data.avenues;
        var content = '';
        for (var key in avenue) {
          content += key + ': ' + avenue[key] + '<br>';
        }
        return content;
      }
    },
    series: [{
      type: 'bar',
      data: that.data.filteredDataArray
    }]
  };
  chart.setOption(option);
}

5. 在页面的某个函数中，获取到filteredDataArray数组，并调用renderChart函数来渲染图表：

var filteredDataArray = [
  { value: 100, name: 'A', avenues: { east: 30, west: 20, south: 50 } },
  { value: 200, name: 'B', avenues: { east: 60, west: 10, south: 130 } },
  { value: 150, name: 'C', avenues: { east: 10, west: 50, south: 90 } }
];
that.setData({
  filteredDataArray: filteredDataArray
}, function() {
  that.renderChart();
});

注意：上述代码中的that变量指的是页面的this对象，需要在函数的开头使用var that = this;来获取。另外，这里假设图表的容器是一个canvas组件，其id为mychart，你需要在wxml中定义该组件。