echarts4 echarts.graphic.registerShape

在 ECharts 4 中，`echarts.graphic.registerShape` 方法已经被废弃，不再支持使用。如果需要注册自定义图形，可以使用 `echarts.graphic.extendShape` 方法来实现。

`echarts.graphic.extendShape` 方法接受一个对象作为参数，其中包括自定义图形的 shape 和 buildPath 两个属性。

示例代码如下：

import echarts from 'echarts'

echarts.graphic.extendShape({
  shape: {
    ...
  },
  buildPath: function (ctx, shape) {
    ...
  }
})

mounted() {
  const chartDom = this.$refs.chart
  const myChart = echarts.init(chartDom)
  ...
}

注意：`echarts.graphic.extendShape` 方法需要在 ECharts 实例化之前执行，否则会报错。

相关问题

echarts 4 版本 报错"TypeError: echarts__WEBPACK_IMPORTED_MODULE_1___default.a.graphic.registerShape is not a function"

`echarts.graphic.registerShape` 方法在 ECharts 4 版本中已经被废弃，不再支持使用。

如果你使用的是 ECharts 4 版本，需要将 `registerShape` 方法替换成 `extendShape` 方法来注册自定义图形。`extendShape` 方法的使用方式和 `registerShape` 方法类似，但是具体参数和实现方式略有不同，可以参考官方文档进行使用。

示例代码如下：

import echarts from 'echarts'

echarts.extendShape({
  shape: {
    ...
  },
  buildPath: function (ctx, shape) {
    ...
  }
})

mounted() {
  const chartDom = this.$refs.chart
  const myChart = echarts.init(chartDom)
  ...
}

注意：`extendShape` 方法需要在 ECharts 实例化之前执行，否则会报错。

"TypeError: echarts__WEBPACK_IMPORTED_MODULE_1___default.a.graphic.registerShape is not a function"

这个错误通常是因为在使用 `registerShape` 方法时，使用的是 ECharts 5.x 版本以上的版本，但是 Vue ECharts Graphic 组件只支持 ECharts 5.x 版本以下的版本所导致的。

解决方法有两个：

1. 降级 ECharts 版本到 5.x 版本以下。可以在 Vue ECharts Graphic 官网上查看相关版本兼容性信息。

2. 使用 Vue ECharts Graphic 组件提供的 `registerCustomShape` 方法代替 `registerShape` 方法。`registerCustomShape` 方法是 Vue ECharts Graphic 组件自己实现的，可以兼容 ECharts 5.x 版本以上的版本。

示例代码如下：

import { registerCustomShape } from 'vue-echarts-graphic'

mounted() {
  registerCustomShape('circle', ...)
  ...
}

注意：`registerCustomShape` 方法的使用方式和 `registerShape` 方法略有不同，请参考 Vue ECharts Graphic 官网文档进行使用。