前端后台管理模板(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)和画图工具(图表展示)的主要内容,如果未能解决你的问题,请参考以下文章

TP6+Layui+x-admin管理员登录页面

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 后端篇: 数据表设计使用 jwtredissms 工具类完善注册登录逻辑

17款免费的Bootstrap后台管理模板集合

前端Vue+Element UI案例:通用后台管理系统-Echarts图表:折线图柱状图饼状图

前端开发框架都有哪些?

Minima黑色响应式后台管理模板