Django中引入Highcharts

下载

下载地址:
https://www.hcharts.cn/download

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

引入

下载后,在Django项目模板中将highcharts.js引入进来即可

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

使用

在演示地址中挑选需要的图形
然后点击“编辑代码”
Django中引入Highcharts

可以在编辑代码页面修改数据后查看演示效果

将代码拷贝到html页面,按照每个图表所需的数据格式传给代码中数据部分即可
Django中引入Highcharts
上面的例子中,数据部分的格式要求为列表套列表,所以直接将数据处理成列表套列表的格式后传给js代码使用即可