Highcharts的使用

Posted 2021-01-07

下载

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

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

引入

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

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

使用

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

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

将代码拷贝到html页面，按照每个图表所需的数据格式传给代码中数据部分即可

上面的例子中，数据部分的格式要求为列表套列表，所以直接将数据处理成列表套列表的格式后传给js代码使用即可