Django中引入Highcharts

下載

下載地址：
https://www.hcharts.cn/download

演示地址：
https://www.hcharts.cn/demo/highcharts/

引入

下載後，在Django項目模板中將highcharts.js引入進來便可

<script src="/static/chart/highcharts.js"></script>

使用

在演示地址中挑選須要的圖形
而後點擊「編輯代碼」

能夠在編輯代碼頁面修改數據後查看演示效果

將代碼拷貝到html頁面，按照每一個圖表所需的數據格式傳給代碼中數據部分便可

上面的例子中，數據部分的格式要求爲列表套列表，因此直接將數據處理成列表套列表的格式後傳給js代碼使用便可