页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


注意

该宏示例在 V10.5上 验证通过

提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。



面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录


 

注意

示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。

需求

带并列轴的柱图,因作为图例的分类有可能是动态的情况,就会存在单图例的情况,但产品中默认对于单图例的颜色的柱图是设置了多种颜色的,这样在图例显示的情况下,用户会产生疑问,为什么图例和柱图颜色对应不上,针对于这样的问题,可采取以下解决方案。

调整前的效果:

Image Modified

调整后的效果:

Image Modified

调整后对于多图例效果也不会有影响:

Image Modified

思路

1)新建客户端宏

Image Modified

2)宏代码如下,设置Y轴起始点

 


代码块
languagejs
linenumberstrue
function main(chartView) {
    var op = chartView.getChartObject().getOptions();//获取图形信息
    if (op.series.length == 1) {//当为单图例时
        op.series[0].itemStyle = {
            "normal": {
                "color": "#CC3333" //设置颜色
            }
        }
    }
}

 


资源下载

报表资源:并列轴单图例颜色设置.xml

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid
toc