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