柱形图多个系列的标签值指定位置展示

柱形图能否指定某个系列的标签值排在所有标签的前面,比如说同一个分类有达成值,还有个达成比例是单独值,想把达成比例放到达成值的上面。

如下图:image.png

占比都要在柱形图的数值上面,而不是一个在上面一个在下面混乱排列。数据是通过单元格获取的。

FineReport tdtech-xiaoke 发布于 2023-8-30 17:04 (编辑于 2023-8-30 17:07)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
tdtech-xiaokeLv4见习互助
发布于2023-10-20 09:43

//在柱形图标签上写自定义脚本,不用组合图方便整体2个标签一起展示

function sumOfPoints() {

  const point = this;

  const points = this.points;

  var a='';

  var b='';

  const len = points.length;

const validPoints = points.filter( (point) => point.isVisible() );

if(point == validPoints[validPoints.length - 1]){

 //在最后个系列上展示

  for(let i = 0; i < len; i++){

    

   let a='';

  if (points[i].isVisible()) {

  if (points[i].seriesName=='%达成比例') {   

   a = (points[i].value*100).toFixed(0)+'%';

      }

    else if (points[i].seriesName=='目标值') { 

       a='';

    }

   else {

     a = (points[i].value).toFixed(0);

    }

   }

     b += a+'<br>';  

} } 

  return b ;

}

最佳回答
0
yzm180820Lv5初级互助
发布于2023-8-30 17:05(编辑于 2023-8-31 10:15)

用富文本编辑: 你可以自己调整位置

微信截图_20230831101421.png

  • tdtech-xiaoke tdtech-xiaoke(提问者) 数据是通过单元格获取的
    2023-08-30 17:06 
  • yzm180820 yzm180820 回复 tdtech-xiaoke(提问者) 这是标签的自定义啊,跟你从单元格获取数据没关系啊 ,只要你有这个值得系列就可以显示出来
    2023-08-30 17:13 
  • tdtech-xiaoke tdtech-xiaoke(提问者) 回复 yzm180820 我看到是不能添加,下面是灰色的,点击了就未响应了。有可能出现bug了
    2023-08-30 17:37 
  • yzm180820 yzm180820 回复 tdtech-xiaoke(提问者) 我试了我的单元格数据 用富文本可以添加的
    2023-08-30 17:40 
  • tdtech-xiaoke tdtech-xiaoke(提问者) 回复 yzm180820 我还原了设计器,可以富文本编辑了;但是重点是百分比这个值必须放到其他值最上面面,你看我前面截图。不是系列名称跟值的一个位置
    2023-08-31 09:49 
最佳回答
0
runnerLv7资深互助
发布于2023-8-30 17:07

image.png

  • tdtech-xiaoke tdtech-xiaoke(提问者) 这个只是防止重叠,我需要指定占比必须排在数值的上面
    2023-08-30 17:09 
最佳回答
0
帆软用户rhcvm0II8kLv2见习互助
发布于2023-10-20 09:01

请问楼主解决了嘛?求助

  • 3关注人数
  • 389浏览人数
  • 最后回答于:2023-10-20 09:43
    请选择关闭问题的原因
    确定 取消
    返回顶部