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