js--图表--highcharts 页面导出按钮汉化
2013-04-26 18:45
555 查看
在使用highcharts作为web图表的显示插件时,因为highcharts是老外开发的,所以按钮内容当然也是英文了。
不过,highcharts 的api也为我们汉化提供了汉化的属性设置,
highcharts lang属性就是设置这些按钮汉化的地方
Java代码
lang: {
decimalPoint: "."
downloadJPEG: "Download JPEG image"
downloadPDF: "Download PDF document"
downloadPNG: "Download PNG image"
downloadSVG: "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'],
numericSymbols: ['k', 'M', 'G', 'T', 'P', 'E']
printButtonTitle: "Print the chart"
resetZoom: Reset zoom
resetZoomTitle: Reset zoom level 1:1
shortMonths: ['Jan' 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
thousandsSep: "",
weekdays: ['Sunday' 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
}
其中这些属性对应的 内容可以改为汉语就行了 ,不用去再改源码了。
downloadJPEG: "下载JPEG 图片"
downloadPDF: "下载PDF文档"
downloadPNG: "下载PNG 图片"
downloadSVG: "下载SVG 矢量图"
exportButtonTitle: "导出图片"
示例代码:
Java代码
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
lang{
downloadJPEG: "下载JPEG 图片"
downloadPDF: "下载PDF文档"
downloadPNG: "下载PNG 图片"
downloadSVG: "下载SVG 矢量图"
exportButtonTitle: "导出图片"
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
subtitle: {
text: 'The subtitle',
style: {
color: '#FF00FF',
fontWeight: 'bold'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
不过,highcharts 的api也为我们汉化提供了汉化的属性设置,
highcharts lang属性就是设置这些按钮汉化的地方
Java代码
lang: {
decimalPoint: "."
downloadJPEG: "Download JPEG image"
downloadPDF: "Download PDF document"
downloadPNG: "Download PNG image"
downloadSVG: "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'],
numericSymbols: ['k', 'M', 'G', 'T', 'P', 'E']
printButtonTitle: "Print the chart"
resetZoom: Reset zoom
resetZoomTitle: Reset zoom level 1:1
shortMonths: ['Jan' 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
thousandsSep: "",
weekdays: ['Sunday' 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
}
其中这些属性对应的 内容可以改为汉语就行了 ,不用去再改源码了。
downloadJPEG: "下载JPEG 图片"
downloadPDF: "下载PDF文档"
downloadPNG: "下载PNG 图片"
downloadSVG: "下载SVG 矢量图"
exportButtonTitle: "导出图片"
示例代码:
Java代码
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
lang{
downloadJPEG: "下载JPEG 图片"
downloadPDF: "下载PDF文档"
downloadPNG: "下载PNG 图片"
downloadSVG: "下载SVG 矢量图"
exportButtonTitle: "导出图片"
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
subtitle: {
text: 'The subtitle',
style: {
color: '#FF00FF',
fontWeight: 'bold'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
相关文章推荐
- jspdf + highcharts 实现导出存在highcharts图表的html页面
- 关于highcharts图表导出中文乱码以及采用post提交产生页面跳转问题
- highCharts去掉图表官网标识链接和导出按钮
- highcharts隐藏链接和导出按钮
- JS及POI将页面数据导出EXCLE文件的几种方法
- highcharts去掉右下角highchart.com和右上角的打印及导出按钮
- 在HTML页面上点击按钮按钮携带参数flag,触发一个JS函数,经过判断是否flag==1,分别跳到两个指定的方法(或者页面)
- JS将页面中表格,导出到Excel中(IE中)
- JS代码,将终端用户(Web 页面的查看者)的计算机时间置于一个按钮 Web 服务器控件上
- js点击button按钮跳转到另一个新页面
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- HTML+JS之点击按钮滚动到页面指定位置
- 基于jquery的js图表组件highcharts
- JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox
- js点击button按钮跳转到另一个新页面
- js页面上的excel导出
- Highcharts官方推荐的Java版服务器端图表导出工具
- 页面(图表+table+GridView)导出为excel
- Highcharts 图表js框架
- js/jq 点击按钮显示div,点击页面其他任何地方隐藏div