highcharts 去掉chart content menu 關於 exporting介紹
阿新 • • 發佈:2019-01-23
http://www.hcharts.cn/ highcharts官網網址
1、去掉官網的連結
credits:{
enabled:false
},
新增自己需要的網站連線
credits:{
text:"某某公司",
href"http://"
},
enabled:設定是否顯示連結
text:設定連結顯示的名稱
href:設定連結的url
2、去掉chart content menu 列印功能 影象生成png jpg svg等
exporting:{ enabled:true //用來設定是否顯示‘列印’,'匯出'等功能按鈕,不設定時預設為顯示 },
3、 去掉列印功能
JS去除列印功能
exporting.js 圖表庫去掉 以下程式碼
printButton : {
symbol :"printIcon",
x :-36,
symbolFill :"#B5C9DF",
hoverSymbolFill :"#779ABF",
_titleKey :"printButtonTitle",
onclick : function() {
this.print()
}
}
4、 highcharts 列印 功能
<span style="white-space:pre"> </span>exporting: <span style="white-space:pre"> </span>{ //enabled:true,預設為可用,當設定為false時,圖表的列印及匯出功能失效 buttons:{ //配置按鈕選項 printButton:{ //配置列印按鈕 width:50, symbolSize:20, borderWidth:2, borderRadius:0, hoverBorderColor:'red', height:30, symbolX:25, symbolY:15, x:-200, y:20 }, exportButton:{ //配置匯出按鈕 width:50, symbolSize:20, borderWidth:2, borderRadius:0, hoverBorderColor:'red', height:30, symbolX:25, symbolY:15, x:-150, y:20 }, }, filename:'52wulian.org',//匯出的檔名 type:'image/png',//匯出的檔案型別 width:800 //匯出的檔案寬度 },
exporting屬性詳解
引數 | 說明 | 預設值 |
---|---|---|
buttons:{ exportButton:{…}, printButton:{…} } |
按鈕屬性,包括匯出按鈕(exportButton)及列印按鈕(printButton)。 可配置相應按鈕中具體的屬性來改變按鈕的大小、樣式等 |
|
enabled | 是否使用該功能,當我false時,則圖表沒有匯出及列印功能 | true |
filename | 匯出圖片檔案的檔名,不包含字尾 | chart |
type | 匯出圖的型別,有image/png, image/jpeg, application/pdf可選 |
image/png. |
url | 匯出功能的伺服器地址,匯出功能需要相應的服務提供支援。你可以自己搭建伺服器,在/exporting-server目錄下有相應的原始檔 | http://export.highcharts.com |
width | 匯出圖片檔案的寬度,相應的,高度這按照比例 | 800.0 |