历史版本1 :JS实现隐藏甘特图内容线条 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.描述编辑

在我们使用甘特图进行报表开发过程中,会需要对其样式进行调整,大部分功能可通过 FR 设计器的自带样式设置完成,部分则需要使用 JS 进行设置,下面以隐藏下面甘特图红框的内容线条为例进行设置.

image.png

2. 实现思路编辑

使用 JS 对图表内的线条属性 stroke 进行设置,可达到隐藏内容线条的功能,依据自己需求美化报表

3. 操作步骤/示例编辑

点击模板->模板 Web 属性->分页预览设置->选择为该模板单独设置-添加加载起始事件

输入 JS 代码如下:

setTimeout(function() {
    $('.timeaxisGroup-inner-body-back line').css('stroke', 'unset');
}, 1000);


4. 效果查看编辑

PC 端效果图:

image.png


注:暂不支持移动端

5.已完成模板(提交附件)编辑

已完成的模板:

DarkGanttChart.cpt