前端后台管理模板(x-admin)和画图工具(图表展示)

Posted shizhengquan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端后台管理模板(x-admin)和画图工具(图表展示)相关的知识,希望对你有一定的参考价值。

X-admin提供免费的后台管理前端页面模板,节约开发时间

X-admin的使用

1、从网站http://x.xuebingsi.com/下载相应的版本

2、下载后放入django的templates文件夹下

 

常用的绘图工具目前有2种

HighCharts  # https://www.highcharts.com.cn/

使用方法

1、把js和html代码复制到自己的文件内技术图片

 

这些是必须的加载库,必须拷贝到自己的文件下

技术图片

这个div就是显示的区域 

技术图片

 js代码就是拷贝在图内红圈区域

技术图片

 

红圈的是功能键,可以打印和导出

技术图片

 

 可以在线编辑,预览效果

技术图片

 

基础的教程

技术图片

 

去除版权信息,在基础教程里可以看到各种属性的设置

技术图片

 

 

echarts # https://www.echartsjs.com/index.html

 

 

移动端的图表工具:蚂蚁金服的antv

以上是关于前端后台管理模板(x-admin)和画图工具(图表展示)的主要内容,如果未能解决你的问题,请参考以下文章