最后修改时间:2022-12-15 18:27
图表中的文字及语言相关的内容都是可以自定义及本地化的,下面详细说明。
Highcharts 中的文字可以通过 Highcharts.setOptions.lang 来设定,lang 属于全局配置,对当前页面的所有图表有效,对应的汉化后的配置是:
// 全局配置,对当前页面的所有图表有效
Highcharts.setOptions({
lang:{
contextButtonTitle:"图表导出菜单",
decimalPoint:".",
downloadJPEG:"下载JPEG图片",
downloadPDF:"下载PDF文件",
downloadPNG:"下载PNG文件",
downloadSVG:"下载SVG文件",
drillUpText:"返回 {series.name}",
loading:"加载中",
months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
noData:"没有数据",
numericSymbols: [ "千" , "兆" , "G" , "T" , "P" , "E"],
printChart:"打印图表",
resetZoom:"恢复缩放",
resetZoomTitle:"恢复图表",
shortMonths: [ "Jan" , "Feb" , "Mar" , "Apr" , "May" , "Jun" , "Jul" , "Aug" , "Sep" , "Oct" , "Nov" , "Dec"],
thousandsSep:",",
weekdays: ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六","星期天"]
}
});
Highcharts 不同位置的时间显示可以通过对应时间格式化函数 Highcharts.dateFormat 来处理,例如处理数据提示框中的时间显示可以通过下面的方法实现:
tooltip: {
dateTimeLabelFormats: {
year:"%Y",
second:"%Y-%m-%d %H:%M:%S",
// ...
},
// 还可以在 格式化函数中通过调用 Highcharts.dateFormat() 函数来处理,总之是非常灵活的
}
对于 x轴的时间格式化可以通过下面的方式实现:
xAxis: {
dateTimeLabelFormats: {
year: '%Y',
month: '%Y-%m',
dat: '%Y-%m-%d',
// ...
// 当然还可以通过xAxis.labels.formatter 函数来格式化
}
}
对于其它地方需要进行日期格式化这里不再累述。
通过 global.timezoneOffset 可以设置时区,中国属于 +8 区,所以有的时候图表中显示的时间和实际时间相差 8 个小时,这时候我们可以通过设置时区来修正,配置代码如下:
Highcharts.setOptions({
global: {
timezoneOffset: -8 * 60 // +8 时区修正方法
}
})
图表中数值显示时往往带有格式化符号,这里统一说明如下:
Highcharts.setOptions({
lang: {
decimalPoint: '.', // 小数点号,例如 12.50
thousandsSep: ',' // 千分号,例如 12,000
numericSymbols: 'k,M,G,T,P,E' // 公制前缀,通过设置为 null 不显示 12k,1.2M 这种形式
}
})
通过 Highcharts.numberFormat 可以对图表中的数值进行格式化,函数说明如下
函数构造
Highcharts.numberFormat (Number number, [Number decimals], [String decimalPoint], [String thousandsSep])
参数说明:
本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。
订阅更新
尊敬的用户您好:
由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:
网站或服务名称 | 域名 | 替代的网站 |
---|---|---|
主站 | www.highcharts.com.cn | www.hcharts.cn |
静态资源服务/CDN | cdn.highcharts.com.cn code.highcharts.com.cn | code.hcharts.cn |
img.highcharts.com.cn | img.hcharts.cn | |
API 文档 | api.highcharts.com.cn | api.hcharts.cn |
导出服务 | export.highcharts.com.cn | export.hcharts.cn |
以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。
如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。
如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。
简数科技 2022-12-22