根據數據結果集,自定義展現highchart圖

Highcharts 是一個用純js編寫的一個圖表庫, 可以很簡單便捷的在web網站或是web應用程序添加有交互性的圖表,而且免費提供給我的學習、我的網站和非商業用途使用. 當前情況是,從服務器端查詢到一個結果集,其數據結果形如: {"columns":["col1","col2"...],"rows":[["data1","data2"...],["data11","data12"...]...]}; 和mysql的查詢結果格式相似。 爲了豐富展示形式,便於用戶多角度,更加直觀的瞭解數據結果,採用自定義highchart的展示形式。demo展示結果以下 demohtml

能夠自定義展示的數據,自定義展示數據的形式以及自定義展示數據的排序方式。 核心方法是調用highchart的函數,chart.update(options,redraw),能夠將要更新的圖表的配置屬性傳給該函數,默認redraw是true,即默認會重繪圖表。mysql

源碼已提交到github demo查看地址git

推薦閱讀 highchart API 以及成熟產品 愛圖說github

相關文章
相關標籤/搜索