帆软调整柱状图的颜色

最新推荐文章于 2024-01-11 10:34:16 发布

hzp666

最新推荐文章于 2024-01-11 10:34:16 发布

阅读量2.1k

点赞数 1

分类专栏：帆软文章标签：帆软柱形图

本文链接：https://blog.csdn.net/hzp666/article/details/109026117

版权

帆软专栏收录该内容

125 篇文章 26 订阅

订阅专栏

setTimeout(function() {
   //调整整个柱形图的位置
   //document.getElementsByTagName("svg")[0].style.transform = "translate3d(0px, 14px, 0px)";
   var bars = document.getElementsByTagName("svg");
   if (bars && typeof(bars) != 'undefined' && bars != 0 && bars.length > 0) {
       var bars0 = bars[0].firstElementChild.getElementsByTagName("linearGradient");
       if (bars0 && typeof(bars0) != 'undefined' && bars0 != 0 && bars0.length > 0) {
           //系列1
           for (var i = 0; i < recordnum; i++) {
               if (bars0[i].childNodes && typeof(bars0[i].childNodes) != 'undefined') {

                   bars0[i].childNodes[0].style.stopColor = "#2de84f"; //#102337
                   bars0[i].childNodes[1].style.stopColor = "#8cffb2"; //02aff6
               }
           }
           //系列2
           if (bars0.length > recordnum) {
               for (var i = recordnum - 1; i < recordnum * 2 - 2; i++) {
                   if (bars0[i].childNodes && typeof(bars0[i].childNodes) != 'undefined' && bars0[i].childNodes != 0) {
                       bars0[i].childNodes[0].style.stopColor = "#005c6d";
                       bars0[i].childNodes[1].style.stopColor = "#01f8f5";
                   }
               }
           }

}
}
}, 5000)