决策报表中报表块，添加单元格的点击选中背景

function changeCircle() {
    //去掉中间圈颜色
    var cirs = document.getElementsByClassName("vancharts-series-0 gauge");
    for (var i = 0; i < cirs.length; i++) {
        if (cirs[i].childNodes[3].style.stroke != "") {
            cirs[i].childNodes[3].style.stroke = "";
        }
    }
}
setTimeout(function() {
    var code = ".selectedstyle {border-radius:20px; background-color:#004163;box-shadow: rgb(147, 155, 173) -1px 1px 5px;color: #2dffff;}";
    var style = document.createElement('style');
    style.type = 'text/css';
    style.rel = 'stylesheet';
    try {
        //for Chrome Firefox Opera Safari
        style.appendChild(document.createTextNode(code));
    } catch (ex) {
        //for IE
        style.styleSheet.cssText = code;
    }
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(style);

    var tables = document.getElementsByTagName("table");
    var table2 = tables[22];
    var rows = table2.rows;
    var rows1 = rows[0];
    rows1.style.height = "17px";
    var cells = rows1.cells;
    var cells1 = cells[1];
    var cells2 = cells[2];
    var cells3 = cells[3];
    var cells4 = cells[4];
    var cells5 = cells[5];
    table2.style.borderCollapse = "separate"; //不设置，td的borderRadius属性不生效
    cells5.setAttribute('class', cells5.getAttribute('class') + " selectedstyle");
    changeCircle();
    cells1.addEventListener('click', function(e) {
        //e.preventDefault();
        cells1.setAttribute('class', cells1.getAttribute('class') + " selectedstyle");
        cells2.setAttribute('class', cells2.getAttribute('class').replace(" selectedstyle", ""));
        cells3.setAttribute('class', cells3.getAttribute('class').replace(" selectedstyle", ""));
        cells4.setAttribute('class', cells4.getAttribute('class').replace(" selectedstyle", ""));
        cells5.setAttribute('class', cells5.getAttribute('class').replace(" selectedstyle", ""));
        //_g().getWidgetByName('report1').gotoPage(1, "{d:-3}", true)
        setTimeout(function() {
            changeCircle();
        }, 1000);
    }, false);

    cells2.addEventListener('click', function(e) {
        //e.preventDefault();
        cells2.setAttribute('class', cells2.getAttribute('class') + " selectedstyle");
        cells1.setAttribute('class', cells1.getAttribute('class').replace(" selectedstyle", ""));
        cells3.setAttribute('class', cells3.getAttribute('class').replace(" selectedstyle", ""));
        cells4.setAttribute('class', cells4.getAttribute('class').replace(" selectedstyle", ""));
        cells5.setAttribute('class', cells5.getAttribute('class').replace(" selectedstyle", ""));
        setTimeout(function() {
            changeCircle();
        }, 1000);
    }, false);

    cells3.addEventListener('click', function(e) {
        //e.preventDefault();
        cells3.setAttribute('class', cells3.getAttribute('class') + " selectedstyle");
        cells1.setAttribute('class', cells1.getAttribute('class').replace(" selectedstyle", ""));
        cells2.setAttribute('class', cells2.getAttribute('class').replace(" selectedstyle", ""));
        cells4.setAttribute('class', cells4.getAttribute('class').replace(" selectedstyle", ""));
        cells5.setAttribute('class', cells5.getAttribute('class').replace(" selectedstyle", ""));
        setTimeout(function() {
            changeCircle();
        }, 1000);
    }, false);

    cells4.addEventListener('click', function(e) {
        //e.preventDefault();
        cells4.setAttribute('class', cells4.getAttribute('class') + " selectedstyle");
        cells1.setAttribute('class', cells1.getAttribute('class').replace(" selectedstyle", ""));
        cells2.setAttribute('class', cells2.getAttribute('class').replace(" selectedstyle", ""));
        cells3.setAttribute('class', cells3.getAttribute('class').replace(" selectedstyle", ""));
        cells5.setAttribute('class', cells5.getAttribute('class').replace(" selectedstyle", ""));
        setTimeout(function() {
            changeCircle();
        }, 1000);
    }, false);

    cells5.addEventListener('click', function(e) {
        //e.preventDefault();
        cells5.setAttribute('class', cells5.getAttribute('class') + " selectedstyle");
        cells1.setAttribute('class', cells1.getAttribute('class').replace(" selectedstyle", ""));
        cells2.setAttribute('class', cells2.getAttribute('class').replace(" selectedstyle", ""));
        cells3.setAttribute('class', cells3.getAttribute('class').replace(" selectedstyle", ""));
        cells4.setAttribute('class', cells4.getAttribute('class').replace(" selectedstyle", ""));
        setTimeout(function() {
            changeCircle();
        }, 1000);
    }, false);
}, 2000)