在反应图表中显示波斯语/贾拉利语日期

Question

您能指导我如何制作">日期时间x轴";react Apexchart.js当我的约会对象是波斯语？ 最后，我应该做一个"brushchart"。与日期时间x轴，如果你有一个类似的项目，可以帮助我，请发送他们的链接

我有下面这些代码，我尝试了"defaultLocale"one_answers";name"都有"Per"one_answers";Fa"但是它们都不工作，并得到一个错误，应用程序崩溃了。

chart: {
id: 'reactchart-example',
defaultLocale: 'Fa',
locales: [
{
name: 'per',
options: {
months: [
'دی',
'بهمن',
'اسفند',
'فروردین',
'اردیبهشت',
'خرداد',
'تیر',
'مرداد',
'شهریور',
'مهر',
'آبان',
'آذر',
],
shortMonths: ['دی', 'بهم', 'اسف', 'فرو', 'ارد', 'خرد', 'تیر', 'مرد', 'شهر', 'مهر', 'آبا', 'آذر'],
days: ['یکشنبه', 'دوشنبه', 'سه شنبه', 'چهارشنبه', 'پنج شنبه', 'جمعه', 'شنبه'],
shortDays: ['یک', 'دو', 'سه', 'چهار', 'پنج', 'جمع', 'شنب'],
toolbar: {
download: 'دانلود SVG',
selection: 'انتخاب',
selectionZoom: 'انتخاب بزرگنمایی',
zoomIn: 'بزرگنمایی',
zoomOut: 'کوچک نمایی',
pan: 'جابجایی',
reset: 'بازگرداندن',
},
},
},
],
},

谢谢你的帮助

Answer 1

你不需要在你的图表对象中添加整个配置，在你的node_modules文件夹中，有一个json文件对应这个地址中的每个区域设置:"apexcharts/dist/地区/">

你所需要的就是在你的代码中导入你想要的locale json文件，如下所示

import fa from "apexcharts/dist/locales/fa.json"

，然后简单地设置"locale ">数组和"defaultLocale">在对象"图表"中像下图:

chart: {
//The following two lines are the key answer
locales: [fa], //or multi language like [fa, en]
defaultLocale: 'fa',

//your other configs ...
},

Answer 2

如果不使用任何前端框架，也可以在<script></script>标签中简单地使用fa.json内容，如:

<script>
var farsi_local = {
"name": "fa",
"options": {
"months": [
"فروردین",
"اردیبهشت",
"خرداد",
"تیر",
"مرداد",
"شهریور",
"مهر",
"آبان",
"آذر",
"دی",
"بهمن",
"اسفند"
],
"shortMonths": [
"فرو",
"ارد",
"خرد",
"تیر",
"مرد",
"شهر",
"مهر",
"آبا",
"آذر",
"دی",
"بهمـ",
"اسفـ"
],
"days": [
"یکشنبه",
"دوشنبه",
"سه شنبه",
"چهارشنبه",
"پنجشنبه",
"جمعه",
"شنبه"
],
"shortDays": ["ی", "د", "س", "چ", "پ", "ج", "ش"],
"toolbar": {
"exportToSVG": "دانلود SVG",
"exportToPNG": "دانلود PNG",
"exportToCSV": "دانلود CSV",
"menu": "منو",
"selection": "انتخاب",
"selectionZoom": "بزرگنمایی انتخابی",
"zoomIn": "بزرگنمایی",
"zoomOut": "کوچکنمایی",
"pan": "پیمایش",
"reset": "بازنشانی بزرگنمایی"
}
}
};
</script>

然后在图表本身中使用:

chart: {
locales: [farsi_local],
defaultLocale: 'fa',
.
.
.