Skip to content

vue3项目点击图例报错后图例点击交互无法正常使用 #14339

@zhangqiangzgz

Description

@zhangqiangzgz

Version

5.0.2

Steps to reproduce

vue3项目在单独的组件中引入bar,引入方式如下'2',柱形图可以正常渲染出来,但是点击图例控制台会报错,进而导致图片无法再次点击
1、报错信息:
BarView.js?67cc:148 Uncaught TypeError: Cannot read property 'getBaseAxis' of undefined
at BarView._renderNormal (BarView.js?67cc:148)
at BarView.render (BarView.js?67cc:112)
at Task.progress (Chart.js?e887:196)
at Task._doProgress (task.js?9fbc:187)
at Task.perform (task.js?9fbc:153)
at eval (echarts.js?1be7:1639)
at GlobalModel.eval (Global.js?7e63:549)
at Array.forEach ()
at each (util.js?6d8b:206)
at GlobalModel.eachSeries (Global.js?7e63:546)

2、vue组件内引入bar的方式
// 引入 echarts 核心模块,核心模块提供了 echarts 使用必须要的接口。
import * as echarts from 'echarts/core'
// 引入柱状图图表,图表后缀都为 Chart
import {
BarChart
} from 'echarts/charts'
// 引入提示框,标题,直角坐标系组件,组件后缀都为 Component
import {
TitleComponent,
TooltipComponent,
LegendComponent,
GridComponent
} from 'echarts/components'
// 引入 Canvas 渲染器,注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import {
CanvasRenderer
} from 'echarts/renderers'

// 注册必须的组件
echarts.use(
[
BarChart,
TitleComponent,
TooltipComponent,
LegendComponent,
GridComponent,
CanvasRenderer
]
)

What is expected?

点击图例不报错,图例点击交互可以正常使用

What is actually happening?

点击图例控制台报错后图例点击交互无法正常使用


柱形的的配置等代码从原来写的一个demo中移植过来的,demo中使用的在echarts官网在线定制的bar库,通过script在html中引入,demo正常使用,无图例点击报错的问题。

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions