superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题

添加mysql数据库:

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第1张图片

 

oracle:

oracle://bidw_cs:[email protected]:1521/orcl?charset=UTF8

报错了,因为我是本地mysql,默认只支持localhost连接

解决方法见我另一篇文章:

https://blog.csdn.net/weixin_38750084/article/details/90321990

问题解决后:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第2张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第3张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第4张图片

 

接下来添加表:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第5张图片

选择要添加哪个数据库的表: 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第6张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第7张图片

 

就可以在这个面板页面编辑了,说白了这里就是拼sql,查数据,直接展示,省了前后端代码了(一般系统都是前端写页面,后端提供接口,后端查出数据返回给前端,前端比如echarts展示,那用了superset那就不用这么麻烦了,superset配置好图表后,可以生成iframe,直接嵌入到前端即可展示,后续我会再写几篇这样的详细介绍的文章)

superset有很多图表类型可用:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第8张图片

先看下表里的数据格式:

我配置好了,结果图展示,

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第9张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第10张图片

 

这里可以预览你拼的sql:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第11张图片

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第12张图片

看下我是怎么配的:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第13张图片

 

中文展示乱码了:

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第14张图片

解决方法:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第15张图片

 

注意!!!加上utf8后你还得先把superset自动给加密的密码恢复,再点test connection,否则报错!

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第16张图片

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第17张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第18张图片

 

 

最后保存我做好的图标,并创建一个“dashboard”看板,这个是为了方便分类你的图表。

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第19张图片

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第20张图片

 

然后可以在这找到:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第21张图片

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第22张图片

点击这里又进去刚才的编辑面板页面了。

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第23张图片

 

将iframe中的src拿出来即可以用浏览器访问:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第24张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第25张图片

 

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第26张图片

 

这其实就是一个url,你可以用url工具解码,看一下 :

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第27张图片

就是封装了你的各种参数:

superset:基本使用(添加并连接数据库,添加表,以及图表展示示例)以及解决中文乱码问题_第28张图片

你可能感兴趣的:(superset,superset,bi,BI,数据分析,数据分析工具)