同一页面同时使用AmCharts与Ammap时图例被禁用的解决方法

我之前也碰到过AmCharts核心库和Ammap组件在同一页面的图例冲突问题，大概率是全局命名空间或配置覆盖导致的，给你几个可行的解决思路：

1. 隔离命名空间，避免全局冲突 #

AmCharts v3提供了noConflict()方法，可以帮你为地图组件创建独立的命名空间，防止核心图表库的配置覆盖地图组件的功能：

// 先加载ammap.js文件
var AmMaps = AmCharts.noConflict();

// 再加载amcharts.js文件
// 此时AmCharts是核心图表的命名空间，AmMaps是地图组件的独立命名空间

// 初始化地图时使用AmMaps
var map = AmMaps.makeChart("mapdiv", {
  // 你的地图配置，包括完整的图例设置
  "legend" : { 
    "enabled": true,
    "width": "30%", 
    "useGraphSettings": true, 
    "marginRight": 27, 
    "marginLeft": 27, 
    "equalWidths": false, 
    "backgroundAlpha": 0.2, 
    "backgroundColor": "#FFFFFF"
  },
  // 其他地图配置...
});

// 初始化普通图表时使用AmCharts
var chart = AmCharts.makeChart("chartdiv", {
  // 你的图表配置，包括图例设置
  "legend": { 
    "width" : "100%", 
    "maxRows": 1, 
    "position": "bottom", 
    "markerSize": 10, 
    "align" : "center"
  },
  // 其他图表配置...
});

2. 强制启用Ammap的图例 #

有时候核心库的全局默认配置会把图例默认设为禁用，你可以在Ammap的图例配置里明确加上"enabled": true，强制开启图例：

"legend" : { 
  "enabled": true, // 关键：强制启用图例
  "width": "30%", 
  "useGraphSettings": true, 
  "marginRight": 27, 
  "marginLeft": 27, 
  "equalWidths": false, 
  "backgroundAlpha": 0.2, 
  "backgroundColor": "#FFFFFF"
}

3. 确保版本完全兼容 #

AmCharts和Ammap的版本必须严格一致，哪怕是小版本差异都可能导致组件冲突。比如如果核心图表用的是3.21.10，那Ammap也必须用3.21.10的版本，建议使用配套的同版本文件。

4. 避免全局默认配置污染 #

如果你之前设置过AmCharts的全局图例默认值（比如AmCharts.legendDefaults.enabled = false），这会影响所有AmCharts旗下的组件（包括Ammap），建议删除这类全局配置，改为针对单个图表/地图单独设置图例参数。

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