在使用highcharts作爲web圖表的顯示插件時,因爲highcharts是老外開發的,所以按鈕內容當然也是英文了。
不過,highcharts 的api也爲我們漢化提供了漢化的屬性設置,
highcharts lang屬性就是設置這些按鈕漢化的地方
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: "導出圖片"
示例代碼:
$(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]
}]
});
});