【HighCharts系列教程】九、语言属性——Lang

一、lang属性说明

Lang属性主要用于配置显示的文字等语言相关属性。

主要可配置如下内容:小数点符号导出相关文字月份文字星期文字

lang属性不重要,无特殊情况,不用配置。

二、lang属性详解

 

参数说明默认值
decimalPoint  小数点符号 .

downloadPNG
downloadJPEG
downloadPDF
downloadSVG

和图表下载相关的文字 Download PNG image
Download JPEG image
Download PDF document
Download SVG vector image
exportButtonTitle 下载按钮标题文字 Export to raster or vector image
loading  加载中文字 Loading…
months  月份文字

 ['January', 'February', 'March', 'April', 'May', 'June', 'July', 

'August', 'September', 'October', 'November', 'December']

printButtonTitle  打印按钮文字 Print the chart
resetZoom  重新设置大小文字,主要用户拖动鼠标放大  Reset zoom
resetZoomTitle  重新设置大小标题文字 Reset zoom level 1:1
Reset zoom level 1:1 数字上千的分隔符,比如 1000,000 ,
weekdays  星期文字

['Sunday', 'Monday', 'Tuesday', 'Wednesday',

 'Thursday', 'Friday', 'Saturday']

 

三、实例说明

 

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
            var chart; 
            $(document).ready(function() {
                chart = new Highcharts.Chart({
                  chart: {
                    renderTo: 'container',
                    type: 'area',
                  },
                  credits : {
                        enabled:false//不显示highCharts版权信息
                  },
                  lang:{
                    decimalPoint:'.',
                    downloadPNG:'下载PNG图片',
                    downloadJPEG:'下载JPG图片',
                    downloadPDF:'下载PDF文件',
                    exportButtonTitle:'导出...',
                    loading:'加载中...',
                    months:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
                    printButtonTitle:'打印图表',
                    resetZoom:'还原图表',
                    resetZoomTitle:'还原图表为1:1大小',
                    thousandsSep:',',
                    weekdays:['Sun', 'Mon', 'Tues', 'Wednes', 'Thurs', 'Fri', 'Satur']
                  },
                  xAxis: {
                    type:'datetime',
                    categories: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
                  },      
                  series: [{
                        name: 'series1',
                        data: [2,4,5,9,2,7]
                    },{
                        name:'series2',
                        data:[3,5,7,2,1,4]
                    }]
              });
            });
            });
        </script>
    </head>
    <body>
        <script src="js/highcharts.js"></script>
        <script src="js/exporting.js"></script>
        <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
    </body>
</html>

四、效果截图

weibov5_2

五、在线演示

六、资源下载

 

posted @   岁月淡忘了谁  阅读(1157)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示