echart的关系图高亮_表格和echart二级联动，并通过点击echart高亮图标单元格

html 部分

.bgc {

background: #08a9f2;

}

tr,td {

cursor: default;

}

.lh{

background: red;

color:#fff;

}

名称温度(bar)高度(bar)销量(line)进口(bar)收入(line)

一月234345123234444二月123234345347285三月345654234654523四月864234647347237五月435737348964285

js 部分

// 找到tbody下的tr并遍历

$('tbody tr').each(function () {

// 点击当前这个tr

$(this).click(function () {

// 当前这行高亮，并去掉同级其他兄弟元素的高亮

$(this).addClass('bgc').siblings().removeClass('bgc');

// 当前这行的同级元素的子元素去除高亮(单元格的)

$(this).siblings().children().removeClass('lh');

// 创建4个数组，动态添加到echart里面的

var data1 = [], title1 = [], chartType = [], namedata = [];

// 获得td 和 th

var td = $(this).find("td"), th = $('th');