本地化

ApexCharts 有一个 locales 属性，您可以在其中设置日期时间值（月/日）的首选语言文本以及工具栏的标题文本。

```javascript
var fr = require("apexcharts/dist/locales/fr.json")
{
  chart: {
   locales: [fr],
   defaultLocale: 'fr',
  }
}
```

语言环境的 json 模板文件位于 [/dist/locales](https://cdn.jsdelivr.net/npm/apexcharts/dist/locales/ "/dist/locales") 目录中。

在浏览器环境下，你可以直接加载json文件并存储在一个变量中。

```javascript
$.getJSON('https://cdn.jsdelivr.net/npm/apexcharts/dist/locales/fr.json', function(data) {
var fr = data

var options = {
 chart: {
   locales: [fr],
   defaultLocale: 'fr',
 }
}
});
```

如果不想加载外部文件，可以将语言环境模板代码复制并粘贴到 locales 属性中，如下例所示

```javascript
var options = {
  chart: {
    locales: [{
      "name": "en",
      "options": {
        "months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
        "shortMonths": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        "days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        "shortDays": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
        "toolbar": {
            "exportToSVG": "Download SVG",
            "exportToPNG": "Download PNG",
            "menu": "Menu",
            "selection": "Selection",
            "selectionZoom": "Selection Zoom",
            "zoomIn": "Zoom In",
            "zoomOut": "Zoom Out",
            "pan": "Panning",
            "reset": "Reset Zoom"
        }
      }
    }],
    defaultLocale: "en"
  }
}
```

#### 在所有图表中全局设置语言环境
您不需要为每个图表实例设置语言环境。您可以通过以下方式为所有图表设置全局本地化

```javascript
Apex.chart = {
  locales: [...localeConfigurationObject],
  defaultLocale: "en"
}
```

有关可用于语言环境的完整选项集，请参阅 [语言环境配置](http://www.bixiaguangnian.com/manual/apexcharts/290.html "语言环境配置")