1. 程式人生 > >highcharts 去掉chart content menu 關於 exporting介紹

highcharts 去掉chart content menu 關於 exporting介紹

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