如何修改Highcharts Treemap的返回（钻取返回）按钮文本？

我明白你试了好几种配置都没成功的困扰，其实问题大多出在配置的位置或者执行时机上，下面给你两种可靠的解决方式：

方式一：针对单个图表自定义按钮文本 #

这个方法只作用于当前创建的图表，不会影响其他Highcharts图表。注意**drilldown是顶级配置项，要和series同级**，而不是嵌套在chart配置里（这可能是你之前配置无效的核心原因）。

示例代码：

Highcharts.chart('container', {
  // 主图表数据配置
  series: [{
    type: 'treemap',
    data: [
      { id: 'root', name: '总分类', value: 50 },
      { id: 'cat1', parent: 'root', name: '分类1', value: 20 },
      { id: 'cat2', parent: 'root', name: '分类2', value: 30 }
    ]
  }],
  // 钻取相关配置（顶级项！）
  drilldown: {
    // 在这里自定义返回按钮文本
    drillUpButton: {
      text: '← 返回上级分类'
    },
    // 你的钻取子系列数据
    series: [
      {
        id: 'cat1',
        type: 'treemap',
        data: [
          { name: '子项1-1', value: 10 },
          { name: '子项1-2', value: 10 }
        ]
      },
      {
        id: 'cat2',
        type: 'treemap',
        data: [
          { name: '子项2-1', value: 15 },
          { name: '子项2-2', value: 15 }
        ]
      }
    ]
  }
});

方式二：全局配置所有图表的返回按钮文本 #

如果你想让所有Highcharts图表的钻取返回按钮都用同一个文本，可以用Highcharts.setOptions全局配置，但必须在创建任何图表之前执行这个配置，否则不会生效。

示例代码：

// 全局语言配置：必须写在创建图表的代码之前
Highcharts.setOptions({
  lang: {
    drillUpText: '← 返回'
  }
});

// 之后再创建你的Treemap图表
Highcharts.chart('container', {
  series: [{
    type: 'treemap',
    data: [...] // 你的主数据
  }],
  drilldown: {
    series: [...] // 你的钻取数据
  }
});

关键注意事项 #

• 确认你已经加载了Highcharts的drilldown模块（Treemap的钻取功能依赖这个模块），如果没加载，按钮本身都不会显示
• 单个图表的drilldown.drillUpButton.text配置优先级高于全局的lang.drillUpText，可以按需选择

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