原創(chuàng)|其它|編輯:吳園園|2019-08-05 11:25:52.820|閱讀 450 次
概述:Highcharts是純JavaScript編寫的開源圖表庫,為你的Web應(yīng)用程序提供直觀的、交互式圖表。本文整理了Highcharts用戶常見的問題,希望對(duì)您有所幫助。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Q:HIGHCHARTS是否可以引用我們域外的文件?
A:對(duì)于基本用法,Highcharts不引用除highcharts.js / highstock.js之外的任何文件,盡管在某些情況下您應(yīng)該注意。
導(dǎo)出模塊。由于并非所有瀏覽器都能將圖表轉(zhuǎn)換為圖像格式,因此默認(rèn)情況下,此操作在我們的Web服務(wù)//export.highcharts.com上完成。生成的SVG從瀏覽器發(fā)送到導(dǎo)出服務(wù)器,并發(fā)回圖像。如果您擔(dān)心自己的數(shù)據(jù)內(nèi)容是通過互聯(lián)網(wǎng)傳播的,那么您應(yīng)該考慮我們的替代解決方案。最簡(jiǎn)單的替代方法是使用我們的模塊進(jìn)行客戶端導(dǎo)出。如果符合您的要求,請(qǐng)查看功能和兼容性表。如果您可以訪問節(jié)點(diǎn)服務(wù)器,則還可以設(shè)置自己的導(dǎo)出服務(wù)器。
某些功能(包括客戶端導(dǎo)出)可能需要第三方依賴項(xiàng)。其中一些是從我們的服務(wù)器按需加載的,但在這些情況下,加載位置是可配置的。
Q:我的圖表未在INTERNET EXPLORER 7或8中顯示?
A:圖表在現(xiàn)代瀏覽器中工作但在IE6,7和8中失敗的最常見原因是配置選項(xiàng)中的雜散逗號(hào)。在逗號(hào)的最后一項(xiàng)或JavaScript中的數(shù)組之后,逗號(hào)逗號(hào)是逗號(hào)。這些將在現(xiàn)代瀏覽器中靜默傳遞,但在舊版IE中導(dǎo)致JavaScript錯(cuò)誤。
var chart = new Highcharts.Chart({ 圖表:{ renderTo:'容器' }, xAxis:{ 輸入:'datetime' }, 系列:[{ 資料:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4 ], pointStart:Date.UTC(2012,0,1), pointInterval:24 * 3600 * 1000, }] });
舊版IE無法顯示圖表的另一種情況是,禁用安全設(shè)置“ActiveX控件和插件”=> “二進(jìn)制和腳本行為”。這在用戶計(jì)算機(jī)上很少發(fā)生,但我們不時(shí)在公司網(wǎng)絡(luò)上看到它。在這種情況下,IE無法繪制任何矢量圖形,只顯示文本。
Q:我可以將HIGHCHARTS與...服務(wù)器一起使用嗎?
A:Highcharts完全在客戶端上運(yùn)行,并且可以與任何可以提供HTML和JavaScript內(nèi)容的Web服務(wù)器一起使用。無論您的服務(wù)器是PHP,Perl,ASP,ASP.NET,Node.js還是其他,Highcharts完全不了解它。HTML / JavaScript文件也可以從文件系統(tǒng)加載,在應(yīng)用程序平臺(tái)中就是這種情況,其中Highcharts被加載到應(yīng)用程序內(nèi)的Web組件中。
集成Highcharts的最佳實(shí)踐可能因系統(tǒng)而異。您應(yīng)該遵循在特定系統(tǒng)上處理JavaScript的常見做法。有些人喜歡使用Highcharts設(shè)置提供干凈的JSON或JavaScript文件,有些人則希望將JavaScript設(shè)置直接寫入網(wǎng)頁。數(shù)據(jù)可以以JSON或CSV文件的形式加載(請(qǐng)參閱左側(cè)菜單中的使用數(shù)據(jù)),或者在圖表設(shè)置中內(nèi)嵌打印。使用數(shù)據(jù)庫驅(qū)動(dòng)的后端時(shí),讓服務(wù)器系統(tǒng)提供JSON或CSV文件可能更清晰。
對(duì)于與服務(wù)器的實(shí)時(shí)連接,您可以設(shè)置網(wǎng)頁以通過XHR加載新數(shù)據(jù)或使用WebSockets設(shè)置直接通信。在瀏覽器中的新數(shù)據(jù)到達(dá),圖表可以保持通過各種動(dòng)態(tài)終結(jié)點(diǎn)像更新Series.addPoint(),Point.update(),Chart.addSeries(),Chart.update()等。
在開始設(shè)置復(fù)雜的后端之前,您可能需要查看www.highcharts.com/download是否有人為您的特定系統(tǒng)創(chuàng)建了一個(gè)包裝器。
Q:我可以在HIGHCHARTS中使用HIGHSTOCK的功能嗎?
A:是的,大多數(shù)Highstock功能都可以應(yīng)用于標(biāo)準(zhǔn)圖表。從許可的角度來看,使用Stock包的功能顯然需要Highstock許可。
技術(shù)上Highcharts Stock是作為Highcharts的一組插件實(shí)現(xiàn)的。Highcharts的整個(gè)代碼庫包含在Stock包中,您可以使用Highcharts.Chart并啟用通常與股票圖表關(guān)聯(lián)的某些功能來調(diào)用圖表。
Q:我可以將數(shù)據(jù)表添加到導(dǎo)出的圖表中嗎?
A:如果您不關(guān)心導(dǎo)出,則只需通過export-data模塊添加數(shù)據(jù)表和一個(gè)簡(jiǎn)單的選項(xiàng)exports.showTable。但是,此表不支持導(dǎo)出為SVG或其他圖像格式,但通過在Highcharts數(shù)據(jù)和繪圖API之上進(jìn)行一些編程,您可以繪制表格。
Q:如何從HIGHCHARTS中獲得最佳性能?
A:使用具有大量數(shù)據(jù)點(diǎn)的系列時(shí),需要考慮一些事項(xiàng)。
首先,考慮使用Boost模塊。
然后,對(duì)于線圖,建議您禁用點(diǎn)標(biāo)記,因?yàn)檫@些將添加性能開銷。
禁用陰影會(huì)提高性能,因?yàn)闉榘幱暗拿總€(gè)形狀創(chuàng)建了三個(gè)陰影元素。
對(duì)于大型列系列,建議您至少對(duì)基于VML的瀏覽器禁用初始動(dòng)畫plotOptions.column.animation。區(qū)分快速SVG瀏覽器和較慢的VML瀏覽器的最佳方法是使用Highcharts.svg布爾屬性。
如果本篇文章對(duì)您有用的話,歡迎您分享您的疑問和看法~
想要購買Highcharts正版授權(quán)的朋友可以。
有關(guān)產(chǎn)品資訊的更多精彩內(nèi)容,敬請(qǐng)關(guān)注下方的微信公眾號(hào)▼▼▼
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: