一、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
时间： 2024-10-03 06:01:58