十六、基础教程-语言文字(lang)
来源:互联网 发布:淘宝大学 编辑:程序博客网 时间:2024/04/29 18:52
图表中的文字及语言相关的内容都是可以自定义及本地化的,下面详细说明。
一、语言及文字
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: ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六","星期天"] }});
二、时间及时区
1、时间格式化
Highcharts 不同位置的时间显示可以通过对应时间格式化函数、Highcharts.dateFormate 来处理,例如处理数据提示框中的时间显示可以通过下面的方法实现:
tooltip: { dateTimeLabelFormats: { year:"%Y", second:"%Y-%m-%d %H:%M:%S", // ... }, // 还可以在 格式化函数中通过调用 Highcharts.dateFormate() 函数来处理,总之是非常灵活的}
对于 x轴的时间格式化可以通过下面的方式实现:
xAxis: { dateTimeLabelFormats: { year: '%Y', month: '%Y-%m', dat: '%Y-%m-%d', // ... // 当然还可以通过xAxis.labels.formatter 函数来格式化 }}
2、时区
通过 global.timezoneOffset 可以设置时区,中国属于 +8 区,所以有的时候图表中显示的时间和实际时间相差 8 个小时,这时候我们可以通过设置时区来修正,配置代码如下:
Highcharts.setOptions({ global: { timezoneOffset: -8 * 60 // +8 时区修正方法 }})
三、符号
图表中数值显示时往往带有格式化符号,这里统一说明如下:
1、小数点、千分号、公制前缀
Highcharts.setOptions({ lang: { decimalPoint: '.', // 小数点号,例如 12.50 thousandsSep: ',' // 千分号,例如 12,000 numericSymbols: 'k,M,G,T,P,E' // 公制前缀,通过设置为 null 不显示 12k,1.2M 这种形式 }})
2、数值格式化函数
通过 Highcharts.numberFormat 可以对图表中的数值进行格式化,函数说明如下Highcharts.numberFormat (Number number, [Number decimals], [String decimalPoint], [String thousandsSep])
number 需要格式化的数值decimals 精度,保留位置,可选参数,默认是 0decimalPoint 小数符号,可选参数,默认是 global.decimalPointthousandsSep 千分符,可选参数,默认是 global.numericSymbols
阅读全文
0 0
- 十六、基础教程-语言文字(lang)
- Objective-C基础教程学习笔记(十六)键/值编码
- python基础教程学习笔记十六
- Oracle数据库多语言文字存储解决方案(一)
- Oracle数据库多语言文字存储解决方案(二)
- Oracle数据库多语言文字存储解决方案(三)
- Oracle数据库多语言文字存储解决方案(四)
- Oracle数据库多语言文字存储解决方案(四)
- 语言文字栏
- iPhone开发基础教程笔记(十六)--第十六章 iPhone照相机和照片库
- Java学习总结第二十六天java.lang包(三)
- 终极Struts中文及其它语言文字处理问题(文字国际化)
- perl语言文字处理模式
- PHP基础教程十六之使用GD库进行图形绘制
- 新的Objective-C语言文字
- 程序人生(十六)
- CSS 表格(十六)
- 学习笔记(十六)
- 结构体的高级话题
- linux下查询域名或IP注册信息的操作记录(whois)
- 网页源码下载器工具(备注)
- MySQL的原地升级
- ubuntu 16.10 下安装 sonic visualizer
- 十六、基础教程-语言文字(lang)
- WEB前端开发之ES6(2)
- 快速幂【模板】
- 机器学习第三课第二部分(SVD)
- 浅谈MVC设计模式
- Convert() 转换时 报错:输入字符串的格式不正确
- Java内存模型之happens-before
- 遇到的一些面试题
- 33对象4---数组