跳到主要内容

本地化

本地化允许你将甘特图的界面以你希望的语言呈现:英语、西班牙语、法语等。 默认情况下,dhtmlxGantt 使用 English locale

gantt_localized

激活语言环境

要用非英语语言实现甘特图界面,你需要通过 gantt.i18n 对象的 setLocale 方法来激活所需的语言环境。

gantt.i18n.setLocale("fr");    

你可以使用并更新随 dhtmlxgantt.js 文件捆绑的任意 预定义语言环境,也可以定义自定义语言环境。

注释

语言环境可以动态切换,但只有在对甘特图进行一次完整的重绘后才会生效,重绘可通过 gantt.render()gantt.init() 调用完成。

gantt.i18n.setLocale("fr");
gantt.init("gantt_here");

相关示例: Localization

预定义语言环境

语言语言代码翻译状态
阿拉伯语ar部分完成
白俄罗斯语be完整
英语en完整
加泰罗尼亚语ca部分完成
中文cn部分完成
克罗地亚语hr完整
捷克语cs部分完成
丹麦语da部分完成
荷兰语nl部分完成
芬兰语fi部分完成
法语fr完整
德语de完整
希腊语el部分完成
希伯来语he部分完成
匈牙利语hu部分完成
印尼语id部分完成
意大利语it部分完成
日语jp部分完成
韩语kr部分完成
挪威语no部分完成
挪威博克莫尔语nb部分完成
波斯语fa完整
波兰语pl部分完成
葡萄牙语pt部分完成
罗马尼亚语ro部分完成
俄语ru完整
斯洛伐克语sk部分完成
斯洛文尼亚语si部分完成
西班牙语es部分完成
瑞典语sv部分完成
土耳其语tr部分完成
乌克兰语ua部分完成

创建自定义语言环境

注释

在 v7.0 中引入了 gantt.i18n 对象。在早期版本中,使用的是 gantt.locale 对象。更多信息,请参阅 迁移文章

创建自定义语言环境最简单的方法是,从下面的示例中复制默认(英语)语言环境,并将其中的所有字符串翻译成所需语言。

自定义语言环境可以通过两种方式应用到甘特图:

  • 要么通过把语言环境对象作为参数传递给 setLocale 方法来覆盖当前语言环境:
gantt.i18n.setLocale(localeObject);    

注意,如果你提供的是部分语言环境对象,gantt 将把你的标签添加到当前语言环境中:

gantt.i18n.setLocale({
labels: {
new_task: "New task"
}
});
  • 要么,如果你需要在多个语言环境之间切换,请使用带自定义语言代码的语言环境,并在后续切换到该语言环境:
gantt.i18n.addLocale("lang", localeObject);    
gantt.i18n.setLocale("lang");

  • 你可以将你的自定义语言环境文件发送至 support@dhtmlx.com - 这样我们会在下一个版本中包含它。
  • 当前活动的语言环境也可在 gantt.locale 对象中取得
  • monthFull - 从一月开始的月份全名;
  • monthShort - 从一月开始的月份简称;
  • dayFull - 从星期日开始的星期全称;
  • dayShort - 从星期日开始的星期简称。
English locale definition
gantt.i18n.setLocale({
date: {
month_full: ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"],
month_short: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul",
"Aug", "Sep", "Oct", "Nov", "Dec"],
day_full: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",
"Friday", "Saturday"],
day_short: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
},
labels: {
new_task: "New task",
icon_save: "Save",
icon_cancel: "Cancel",
icon_details: "Details",
icon_edit: "Edit",
icon_delete: "Delete",
gantt_save_btn: "New Label",
gantt_cancel_btn: "New Label",
gantt_delete_btn: "New Label",
confirm_closing: "",// Your changes will be lost, are you sure?
confirm_deleting: "Task will be deleted permanently, are you sure?",
section_description: "Description",
section_time: "Time period",
section_type: "Type",

/* grid columns */
column_wbs: "WBS",
column_text: "Task name",
column_start_date: "Start time",
column_duration: "Duration",
column_add: "",

/* link confirmation */
link: "Link",
confirm_link_deleting: "will be deleted",
link_start: " (start)",
link_end: " (end)",

type_task: "Task",
type_project: "Project",
type_milestone: "Milestone",

minutes: "Minutes",
hours: "Hours",
days: "Days",
weeks: "Week",
months: "Months",
years: "Years",

/* message popup */
message_ok: "OK",
message_cancel: "Cancel",

/* constraints */
section_constraint: "Constraint",
constraint_type: "Constraint type",
constraint_date: "Constraint date",
asap: "As Soon As Possible",
alap: "As Late As Possible",
snet: "Start No Earlier Than",
snlt: "Start No Later Than",
fnet: "Finish No Earlier Than",
fnlt: "Finish No Later Than",
mso: "Must Start On",
mfo: "Must Finish On",

/* resource control */
resources_filter_placeholder: "type to filter",
resources_filter_label: "hide empty"
}
});
  • 如果未定义 confirm_closingconfirm_deleting 标签,相应的确认对话框将不会显示(自动确认);
  • section_(name) 标签指的是与相关名称相关的 lightbox 部分。
  • new_task 标签定义了新事件的默认文本。
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.