-
Notifications
You must be signed in to change notification settings - Fork 19.8k
Description
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正常使用,无图例点击报错的问题。