首页 > 代码库 > 【HighCharts系列教程】九、语言属性——Lang

【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>

四、效果截图

技术分享

五、在线演示

演示地址:http://www.52wulian.org/test/HighCharts/highcharts_2_7_lang.html

六、资源下载

本例源代码:http://pan.baidu.com/share/link?shareid=262884&uk=3087605183

 

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