Highcharts 是一個用純js編寫的一個圖表庫, 可以很簡單便捷的在web網站或是web應用程序添加有交互性的圖表,而且免費提供給我的學習、我的網站和非商業用途使用. 當前情況是,從服務器端查詢到一個結果集,其數據結果形如: {"columns":["col1","col2"...],"rows":[["data1","data2"...],["data11","data12"...]...]}; 和mysql的查詢結果格式相似。 爲了豐富展示形式,便於用戶多角度,更加直觀的瞭解數據結果,採用自定義highchart的展示形式。demo展示結果以下 html
能夠自定義展示的數據,自定義展示數據的形式以及自定義展示數據的排序方式。 核心方法是調用highchart的函數,chart.update(options,redraw),能夠將要更新的圖表的配置屬性傳給該函數,默認redraw是true,即默認會重繪圖表。mysql