ECharts 5 使用 transform filter 实例

源代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>ECharts 5 使用 transform filter 实例</title>
    
    <script src="https://cdn.staticfile.org/echarts/5.4.3/echarts.min.js"></script>
</head>

// 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

var option;

option = {
            dataset: [
                {
                    source: [
                        ['Product', 'Sales', 'Price', 'Year'],
                        ['Cake', 123, 32, 2011],
                        ['Latte', 231, 14, 2011],
                        ['Tofu', 235, 5, 2011],
                        ['Milk Tee', 341, 25, 2011],
                        ['Porridge', 122, 29, 2011],
                        ['Cake', 143, 30, 2012],
                        ['Latte', 201, 19, 2012],
                        ['Tofu', 255, 7, 2012],
                        ['Milk Tee', 241, 27, 2012],
                        ['Porridge', 102, 34, 2012],
                        ['Cake', 153, 28, 2013],
                        ['Latte', 181, 21, 2013],
                        ['Tofu', 395, 4, 2013],
                        ['Milk Tee', 281, 31, 2013],
                        ['Porridge', 92, 39, 2013],
                        ['Cake', 223, 29, 2014],
                        ['Latte', 211, 17, 2014],
                        ['Tofu', 345, 3, 2014],
                        ['Milk Tee', 211, 35, 2014],
                        ['Porridge', 72, 24, 2014]
                    ]
                },
                {
                    transform: {
                        type: 'filter',
                        config: { dimension: 'Year', '=': 2011 }
                        // 这个筛选条件表示，遍历数据，筛选出维度（ dimension ）
                        // 'Year' 上值为 2011 的所有数据项。
                    }
                }
            ],
            series: {
                type: 'pie',
                datasetIndex: 1
            }
        };

option && myChart.setOption(option);
    </script>
</body>

</html>

运行结果