怎么动态给echarts柱状图添加柱子

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)

这两步

1.进行表格数据的变形把原始表格数据进行转换为如图的形式。数据与数据之间有间隔，和图表的柱形一样有梯度。2.图表的制作选中变形的数据区域——点击插入——推荐的图表。3.点击所有图表——堆积柱形图。4.数据柱子——设置数据系列格式——分类间距（调整为0）。5.添加标题和数据来源——根据表格需要，添加标题，标题尽量简洁，且能够反映表格内容，突出你想表达的观点。字体（衬线字体：线条粗细不同，适合小号字体使用，投影时清晰度不高，无衬线字体：粗细相同，更适合大号字体时使用，投影时美观）中文字体：微软雅黑，黑体6.添加背景设——以单色调为主。

---