SmartChart配合Django的安装与使⽤在这⾥我只能说⼀句话 SmartChart开发团队真厉害
配合Django来使⽤SmartChart
安装smartchart，Python版本>=3.6，Django>=2.0
SmartChart和我们的admin是有关联的，我们可以通过下载⼀个UI库去美化我们admin页⾯这个UI库就是simpleui
django admin 自定义页面# 安装smartchart
pip install smartchart
# 安装simpleui
pip install simpleui
# 对应的项⽬⽬录说明:
templates/echart  -- 编辑器界⾯
templates/index    -- ⾸页Portal
static/echart        -- 扩展前端数据处理函数(图形编辑中可⽤)
static/editor        -- 编辑器界⾯js
static/index          -- Portal对应js, css
static/custom      -- 你可以在此新建⼈个⽂件夹存放⾃定义css, js, image ..
Django项⽬中settings,py配置
# settings,py
INSTALLED_APPS = [
'simpleui',  # 在导⼊初始化admin之前导⼊UI库进⾏页⾯的美化
'xxxxx',
'xxxx',
'xxx',
'hart',  # 注册app
]
# 注释调MIDDLEWARE⾥⾯的
django.middleware.clickjacking.XFrameOptionsMiddleware
# 更改时区配置
LANGUAGE_CODE = 'zh-Hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_L10N = True
USE_TZ = False
# 指定静态⽂件
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
## 若是注册了 simpleui 这个样式库，同时也创建了⼀个仪表盘，这时候我们想把某个仪表盘放到我们admin的⾸页就需要以下配置（⽤到时候打开）# SIMPLEUI_HOME_PAGE = '/echart/?type=⼤数据李⽩'  # type=的是仪表盘名称，这个是⾃定义的，能和仪表盘名称对应上去就⾏
在urls.py注册路由
# urls.py
from django.urls import include  # 导⼊include
from ic import RedirectView
urlpatterns = [
path('admin/', admin.site.urls),
path('echart/',include('hart.urls')),  # 注册⼀个图表的路由
path('',RedirectView.as_view(url='echart/index/')),  # 跳转到chart的⾸页
]
迁移及创建超级管理员
# ⾸先⽣成迁移⽂件并迁移
python manage.py makemigrations
python manage.py mifrate
# 创创建超级管理员
python manage.py createsuperuser
# 运⾏Django项⽬，访问⼀下下⾯这条路由进⾏数据初始化
127.0.0.1:8000/echart/init_db/
# 到此已经完成⼀个SmartChart项⽬的创建
创建仪表盘
到这⾥的时候⼩伙伴们都应该知道仪表盘是个什么东西了，不做过多介绍，SmartChart开发团队真厉害。
可能会有地⽅需要激活码，这个激活码直接加就可以获取
初始化完成后会进⼊⾸页，点击下图⼩⼈图标或者另⼀个进⼊开发者模式
点击我的关注，新增⼀个仪表盘。注：⼀定要在开发者模式下进⾏
进⼊新增仪表盘详情页
箭头所指，归属项⽬默认连接可以⾃⼰创建⼀个归属的项⽬，并创建⼀个数据库的⼀个链接，⽀持多种数据库连接。数据库类型，如mysql,oracle,impala,gp,mssql,hive,redis,sqlite,python
创建完成后我们就会发现，在仪表盘的表中多出了⼀条数据，就是我们刚刚创建那条
点击进⼊仪表盘的图表页
样式及数据
边框设计
多种边框样式提供选择
// 边框样式  dv-border-box-  后⾯跟的数字就是选择样式的类型
// 可根据上⽅  SmartChart集成DataV 进⾏参考⼀共⼗三个
<div class="col-xs-12 col-md-6" >
<dv-border-box-11>
<div id="container_{name}"></div>
</dv-border-box-11>
</div>
设置联动
smartChart 设置联动，是需要通过SQL语句来设置，这个下⾯详细介绍
联动是使⽤的sql语句接收的参数，这个sql语句是要写在需要被联动的图表数据集中
/* where age='$age' */ 该语句中的 $⾄关重要切记勿忘
想要联动的话，必须打开 "dv" 模式也就是在⾼级中设置 {"dv":1}, 并根据下⾯语句进⾏联动配置
上图有个画框的的参数data[2]这个的获取，就在⽹页的开发者模式F12点击Conlose再点击数据，会有打印的数据信息，我们到data所拥有的数据。配置完成后，就可以联动了，也可以双向联动，这个同理，反过来配置就⾏了。
优点
图表类型多，外观炫酷
⽀持⾃定义数据，对数据的结构要求严格，格式必须统⼀
⽀持mysql,oracle,impala,gp,mssql,hive,redis,sqlite等主流数据库
⽀持⾃定义访问接⼝，如GET、POST请求
⽀持各图表的，智能联动，可以通过SQL配合设定
配置简单，上⼿快，但是没有精确的技术⽂档

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。