echarts在柱状图轴线上添加图片

调用方式：

在yAxis中有一个rich设置，可以设置y轴的展示方式，比如添加图片等。

其他说明，在series中的label设置中，可以设置柱状图文字说明的样式。

请使用echarts-gl

配置项手册

https://echarts.baidu.com/option-gl.html#globe

使用grid3D和bar3D实现

官方示例如图

链接：

https://echarts.baidu.com/examples/editor.html?c=bar3d-punch-card&gl=1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<div id="p"></div>

// 路径配置

require.config({

paths: {

'echarts': '/public/echarts-2.2.7/doc/example/www/js'

}

})

// 使用

require(

[

'echarts',

'echarts/chart/pie'

.

.

.

], DrawCharts)

function DrawCharts(ec) {

var char1 = ec.init(document.getElementById('p'))

var ecConfig = require('echarts/config')

char1.on(ecConfig.EVENT.CLICK, eConsole)

......//正常的echarts

}

//点击事件

function eConsole(param) {

if (typeof param.seriesIndex == 'undefined') {

return

}

if (param.type == 'click') {

var name = param.name

alert(name)

}

}

重点就是 ：

var ecConfig = require('echarts/config')

char1.on(ecConfig.EVENT.CLICK, eConsole)

这两步