Closed 1054959069 closed 1 month ago
通过 ES 模块 import
vue@2.7.14 echarts@5.5.0 vue-echarts@6.7.2
option = { legend: {}, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, dataset: [ { source: [ { age: 53, name: '张三', sex: '女' }, { age: 19, name: '李娟', sex: '女' }, { age: 19, name: '王兰', sex: '女' }, { age: 20, name: '李四', sex: '男' } ] }, { transform: { type: 'filter', config: { dimension: 'sex', value: '女' } } }, { transform: { type: 'filter', config: { dimension: 'sex', value: '男' } } } ], xAxis: { type: 'category' }, yAxis: {}, series: [ { type: 'bar', encode: { x: 'name', y: 'age' }, name: '女', datasetIndex: 1, label: { show: true, position: 'top' } }, { type: 'bar', encode: { x: 'name', y: 'age' }, name: '男', datasetIndex: 2, label: { show: true, position: 'top' } } ] }; 官网可以展示,但是vue-echarts报错:Error: Can not find transform on type "filter".
option = { legend: {}, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, dataset: [ { source: [ { age: 53, name: '张三', sex: '女' }, { age: 19, name: '李娟', sex: '女' }, { age: 19, name: '王兰', sex: '女' }, { age: 20, name: '李四', sex: '男' } ] }, { transform: { type: 'filter', config: { dimension: 'sex', value: '女' } } }, { transform: { type: 'filter', config: { dimension: 'sex', value: '男' } } } ], xAxis: { type: 'category' }, yAxis: {}, series: [ { type: 'bar', encode: { x: 'name', y: 'age' }, name: '女', datasetIndex: 1, label: { show: true, position: 'top' } }, { type: 'bar', encode: { x: 'name', y: 'age' }, name: '男', datasetIndex: 2, label: { show: true, position: 'top' } } ] };
见上方option
请提供可以运行的最小化复现。
@Justineo https://codesandbox.io/p/sandbox/vue-echarts-783-forked-3sm5dx
https://echarts.apache.org/handbook/zh/concepts/data-transform/#%E6%95%B0%E6%8D%AE%E8%BD%AC%E6%8D%A2%E5%99%A8-%2522filter%2522
请确认
您是如何将 Vue-ECharts 引入项目的?
通过 ES 模块 import
版本信息
问题详情
option = { legend: {}, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, dataset: [ { source: [ { age: 53, name: '张三', sex: '女' }, { age: 19, name: '李娟', sex: '女' }, { age: 19, name: '王兰', sex: '女' }, { age: 20, name: '李四', sex: '男' } ] }, { transform: { type: 'filter', config: { dimension: 'sex', value: '女' } } }, { transform: { type: 'filter', config: { dimension: 'sex', value: '男' } } } ], xAxis: { type: 'category' }, yAxis: {}, series: [ { type: 'bar', encode: { x: 'name', y: 'age' }, name: '女', datasetIndex: 1, label: { show: true, position: 'top' } }, { type: 'bar', encode: { x: 'name', y: 'age' }, name: '男', datasetIndex: 2, label: { show: true, position: 'top' } } ] };
官网可以展示,但是vue-echarts报错:Error: Can not find transform on type "filter".问题复现
见上方option