Appian中Google Charts图表外部占位符未显示列名问题排查

问题出在你的chartColData配置中——所有列定义都缺少**label属性**，这是Appian图表组件用来渲染列显示名称的关键字段，仅靠id和rowDataKey无法让组件识别要展示的列名。

修改后的配置代码 #

local!chartColData: {
    {
      type: "string",
      id: "Month",
      rowDataKey: "Month",
      label: "Month" // 新增列显示名称
    },
    {
      type: "number",
      id: "Bolivia",
      rowDataKey: "Bolivia",
      label: "Bolivia" // 新增列显示名称
    },
    {
      type: "number",
      id: "Ecuador",
      rowDataKey: "Ecuador",
      label: "Ecuador" // 新增列显示名称
    },
    {
      type: "number",
      id: "Balanced",
      rowDataKey: "Balanced",
      label: "Balanced" // 新增列显示名称
    }
  },
  local!chartRowData:{
    {
      Month: "2018",
      Bolivia: 165,
      Ecuador: 938,
      Balanced: 650
    },
    {
      Month: "2019",
      Bolivia: 768,
      Ecuador: 1120,
      Balanced: 546
    },
    {
      Month: "2020",
      Bolivia: 897,
      Ecuador: 1167,
      Balanced: 793
    },
    {
      Month: "2021",
      Bolivia: 1392,
      Ecuador: 1110,
      Balanced: 638.5
    },
    {
      Month: "2022",
      Bolivia: 136,
      Ecuador: 969,
      Balanced: 739
    }
  }

关键说明 #

• label属性的值就是图表外部占位符会显示的列名，你可以根据需求设置为中文（比如label: "月份"）或其他自定义文本。
• 必须给每个列对象都添加label字段，组件才能正确渲染出列名称。

内容的提问来源于stack exchange，提问作者Tabish Riaz