// 引入 ECharts
var echarts = require('echarts');

// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));

// 模拟一些数据
var data = [
  {name: 'A', value: 10},
  {name: 'B', value: 20},
  {name: 'C', value: 30},
  // ...
];

// 配置项
var option = {
  series: [{
    type: 'bar',
    data: data,
    itemStyle: {
      // 使用视觉映射规则，映射到颜色
      color: function(params) {
        // params 中包含数据项的信息
        var value = params.value;
        // 根据数值范围返回不同的颜色
        if (value < 15) {
          return 'green';
        } else if (value < 25) {
          return 'yellow';
        } else {
          return 'red';
        }
      },
      // 使用视觉映射规则，映射到透明度
      opacity: function(params) {
        var value = params.value;
        // 根据数值范围返回不同的透明度
        return value / 30;
      }
    },
    label: {
      // 使用视觉映射规则，映射到标签的颜色
      color: function(params) {
        return params.value > 20 ? 'red' : 'black';
      }
    }
  }]
};

// 将配置项设置到图表中
myChart.setOption(option);