zoukankan html css js c++ java

【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

查看全文

相关阅读:
为什么我们不能坚持到底？
追从本心，笑斩荆棘
 走出浮躁的泥沼：关于技术与工作
 走出浮躁的泥沼：仅专注就能胜过大部分人
 学不进去？可以试着这么做……
走出浮躁的泥沼：浮躁的社会原因
 spring-quartz.xml
1 web.xml配置详解
 多线程学习二
 多线程学习

原文地址：https://www.cnblogs.com/henuyuxiang/p/4253349.html