【HighCharts系列教程】九、语言属性——Lang
2024-10-18 23:30:44
一、lang属性说明
Lang属性主要用于配置显示的文字等语言相关属性。
主要可配置如下内容:小数点符号、导出相关文字、月份文字、星期文字等
lang属性不重要,无特殊情况,不用配置。
二、lang属性详解
参数 | 说明 | 默认值 |
---|---|---|
decimalPoint | 小数点符号 | . |
downloadPNG |
和图表下载相关的文字 | 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>
四、效果截图
五、在线演示
六、资源下载
最新文章
- sass sourcemap详细使用
- MacOS长按无效问题
- vue 2.0版本----》常用代码说明
- opacity
- android学习笔记15——Galley
- 干货:yii日志功能详解
- 【POJ3243】拓展BSGS(附hash版)
- java中访问mysql数据库中的表结构信息
- web组件新学--layer
- mount命令汇总(转载)
- Ubuntu上用premake编译GDAL
- MVC 验证码
- 单点登录实现机制:web-sso
- Linux 学习笔记_12_文件共享服务_4_SSH
- MySQL存储过程中实现执行动态SQL语句
- Tensorflow环境下安装Pandas
- 「洛谷2495」「BZOJ3052」「SDOI2001」消耗战【虚树+树形动态规划】
- 用Pyinstaller 实现py.转化为exe可执行文件----二维码实例
- opencv学习之路(18)、霍夫变换
- body-parser 用法