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>

    四、效果截图

    weibov5_2

    五、在线演示

    六、资源下载

  • 相关阅读:
    实验5 Spark SQL 编程初级实践
    豆瓣基础架构
    淘宝数据魔方技术架构解析
    质量属性的六个常见属性场景--淘宝网
    Win10家庭版WindowsUpdate属性为灰色
    豆瓣的基础架构
    京东618实践:一元抢宝系统的数据库架构优化
    FunData — 电竞大数据系统架构演进
    Ubuntu14.0使用gparted调整分区大小
    二阶段开发冲刺一
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/4253349.html
Copyright © 2011-2022 走看看