You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Google Visualization.Sankey组件——GoogleScript节点标签丢失问题咨询

Google Script中Google Visualization.Sankey节点标签丢失的解决办法

针对Google Apps Script环境下使用Sankey组件时节点标签丢失的问题,可通过以下方向排查解决:

  • 校验数据格式完整性
    Sankey的节点标签依赖dataTable中From和To列的字符串值,需确保这些值无空字符串、不可见特殊字符。示例正确数据结构:

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'From');
    data.addColumn('string', 'To');
    data.addColumn('number', 'Weight');
    data.addRows([
      ['用户A', '页面X', 12],
      ['用户B', '页面Y', 8],
      ['页面X', '页面Z', 6]
    ]);
    
  • 显式配置节点标签参数
    Google Script环境下默认配置可能未触发标签渲染,需在选项中强制声明标签相关属性:

    var options = {
      sankey: {
        node: {
          label: {
            fontSize: 13,
            color: '#333',
            bold: false
          },
          interactivity: true // 开启交互保障标签渲染逻辑执行
        }
      }
    };
    
  • 调整容器尺寸避免截断
    若容器宽度/高度不足,长标签会被隐藏或截断。可在HTML容器中直接设置样式:

    <div id="sankey_container" style="width: 1000px; height: 700px;"></div>
    
  • 保证加载时序正确
    在HTML服务中,必须等待可视化库完全加载后再初始化图表,避免因时序问题导致渲染异常:

    google.charts.load('current', {'packages':['sankey']});
    google.charts.setOnLoadCallback(drawSankeyChart);
    
    function drawSankeyChart() {
      // 数据定义、图表初始化与绘制代码
      var chart = new google.visualization.Sankey(document.getElementById('sankey_container'));
      chart.draw(data, options);
    }
    

内容的提问来源于stack exchange,提问作者user6111042

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.01 07:22:53