js--图表--highcharts 页面导出按钮汉化

在使用highcharts作为web图表的显示插件时,因为highcharts是老外开发的,所以按钮内容当然也是英文了。
不过,highcharts 的api也为我们汉化提供了汉化的属性设置,

highcharts lang属性就是设置这些按钮汉化的地方
Java代码
  1. lang: {   
  2. decimalPoint: "."  
  3. downloadJPEG: "Download JPEG image"  
  4. downloadPDF: "Download PDF document"  
  5. downloadPNG: "Download PNG image"  
  6. downloadSVG: "Download SVG vector image"  
  7. exportButtonTitle: "Export to raster or vector image"  
  8. loading: Loading...   
  9. months: ['January' 'February''March''April''May''June''July''August''September''October''November''December'],   
  10. numericSymbols: ['k''M''G''T''P''E']   
  11. printButtonTitle: "Print the chart"  
  12. resetZoom: Reset zoom   
  13. resetZoomTitle: Reset zoom level 1:1  
  14. shortMonths: ['Jan' 'Feb''Mar''Apr''May''Jun''Jul''Aug''Sep''Oct''Nov''Dec'],   
  15. thousandsSep: "",   
  16. weekdays: ['Sunday' 'Monday''Tuesday''Wednesday''Thursday''Friday''Saturday']   
  17. }  


  18. 其中这些属性对应的 内容可以改为汉语就行了 ,不用去再改源码了。

    downloadJPEG: "下载JPEG 图片"
    downloadPDF: "下载PDF文档"
    downloadPNG: "下载PNG 图片"
    downloadSVG: "下载SVG 矢量图"
    exportButtonTitle: "导出图片"


    示例代码:
Java代码 复制代码  收藏代码
  1. $(function () {   
  2.     var chart = new Highcharts.Chart({   
  3.         chart: {   
  4.             renderTo: 'container'  
  5.         },   
  6.        lang{   
  7.                   downloadJPEG: "下载JPEG 图片"  
  8.                   downloadPDF: "下载PDF文档"  
  9.                  downloadPNG: "下载PNG 图片"  
  10.                  downloadSVG: "下载SVG 矢量图"  
  11.                  exportButtonTitle: "导出图片"  
  12.       },   
  13.         xAxis: {   
  14.             categories: ['Jan''Feb''Mar''Apr''May''Jun''Jul''Aug''Sep''Oct''Nov''Dec']   
  15.         },   
  16.         subtitle: {   
  17.             text: 'The subtitle',   
  18.             style: {   
  19.                 color: '#FF00FF',   
  20.                 fontWeight: 'bold'  
  21.             }   
  22.         },   
  23.         series: [{   
  24.             data: [29.971.5106.4129.2144.0176.0135.6148.5216.4194.195.654.4]           
  25.         }]   
  26.     });   
  27. });  
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值