解決highCharts匯出功能漢化問題

2021-09-06 20:28:44 字數 1533 閱讀 8060

本文以highcharts中文網上的例子為原型,處理解決highcharts匯出功能為英文的問題。

我們使用highcharts當然希望所有提示或文字都是中文的了,但是highcharts的預設語言是英語,如下圖。

那麼怎麼把中匯出功能的提示換成中文呢?

只需要加入乙個全域性設定,即可解決這個問題。

highcharts.setoptions(

});

$(function

() });

//set up the chart

var chart = new

highcharts.chart(

},title: ,

subtitle: ,

plotoptions:

},series:

});//activate the sliders

$('#r0').on('change', function

());

$('#r1').on('change', function

());

function

showvalues()

showvalues();

});

最後效果:

其實highcharts並不神秘,只要你想到你想要什麼樣的,你就能通過查閱highcharts的api達到你的目的。

比如說這個問題,我們需要把匯出功能裡的英文換成中文。解決這個問題有兩個思路。

1、從api裡查詢匯出功能的設定。

看上面的列表,我們並沒有找到關於語言的設定,當然我們可以修改exporting.js來達到我們的目的,但是最好不要動highcharts的js,能夠通過設定實現的功能就不要通過修改(破壞其封裝)。

2、設定語言大部分都是和lang有關的,那麼我們就通過api檢視一下全域性設定裡的lang

在全域性配置的lang裡,我們發現了我們需要修改的英文提示,那麼怎麼修改它的預設值呢?

查api...

lang的設定方式:

如上的分析思路,我們通過api很同意的走進了highcharts的世界,highcharts的樣式很漂亮,互動性很好,很生動,很動態的表現了你的資料圖表,值得一試。

vue element ui的簡潔匯入匯出功能

1.前段後台管理系統中資料展示一般都是用 會涉及到匯入和匯出 2.匯入是利用element ui的upload 上傳元件 是否支援cookie資訊傳送 3.匯出是利用file的乙個物件blob 通過呼叫後台介面拿到資料,然後用資料來例項化blob,利用a標籤的href屬性鏈結到blob物件 cons...

Django Admin中增加匯出CSV功能

參考 在使用django admin時,對於列表我們有時需要提供資料匯出功能,如下圖 在django admin中每個模型的admin類 繼承至admin.modeladmin 我們可以通過actions增加支援的動作,值為當前類存在的方法名,例如 admin.register issue clas...

靜功解決失眠的問題

莊子心齋法 陳攖寧講解 靜功要做到使大腦絕對安靜,排除一切思想雜念。這是下手做靜功的首要原則,也是 疾病最為有效的良方。但是人們的思想習慣,大腦總是在不停地考慮問 題,即使睡覺也會做夢,要讓它一下停止不動,很難辦到。為了達到靜的目的,古人創立了許多法門,比較起來,以道家莊子的 心齋 中所談的 聽息 ...