DataGear
码龄2年
  • 16,431
    被访问
  • 20
    原创
  • 88,850
    排名
  • 12
    粉丝
关注
提问 私信
  • 加入CSDN时间: 2020-07-28
博客简介:

datagear的博客

查看详细资料
  • 1
    领奖
    总分 79 当月 5
个人成就
  • 获得3次点赞
  • 内容获得8次评论
  • 获得35次收藏
创作历程
  • 3篇
    2022年
  • 5篇
    2021年
  • 12篇
    2020年
成就勋章
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

DataGear 制作根据数据设定柱状图条目颜色的数据可视化看板

DataGear 看板提供了图表选项配置功能(具体参考官网文档dg-chart-options章节),可自定义样式、位置、显示内容等图表选项,其中的processUpdateOptions回调函数配置项,可以在图表更新数据前以编程方式处理图表更新选项。本文以柱状图为例,介绍如何使用processUpdateOptions配置项,制作根据数据设定柱状图条目颜色的数据可视化看板。首先,定义CSV数据集:名称, 数值a, 5b, 18c, 13d, 9e, 6然后
原创
发布博客 2022.03.15 ·
835 阅读 ·
0 点赞 ·
0 评论

DataGear 制作自适应任意屏幕尺寸的数据可视化看板

    DataGear 在2.12版本新增了看板可视编辑模式,并在2.13版本进行了大幅改进和增强,使系统即支持以编写HTML、JavaScript、CSS源码的方式制作看板,同时支持以交互式、直观可见、友好快捷的方式制作看板。本文将通过看板可视编辑模式提供的网格布局和样式设置功能,介绍如何制作自适应大屏、PC、平板、手机等任意屏幕尺寸的数据可视化看板。首先,点击看板管理页面的【添加】-【添加(新窗口)】按钮,新建一个空白看板,并切换至【可视模式】,如
原创
发布博客 2022.02.28 ·
444 阅读 ·
0 点赞 ·
0 评论

DataGear 2.12.0 发布,数据可视化分析平台

DataGear 2.12.0发布,看板新增可视编辑模式,具体更新内容如下:新增:看板编辑页面新增可视编辑模式,支持以可视化方式编辑看板HTML模板;新增:看板编辑页面新增保存单个资源内容的功能;修复:修复数据源驱动管理模块潜在的文件下载安全问题;改进:看板编辑页面【保存并展示】操作打开当前编辑的看板模板网页地址而非主页地址;改进:看板编辑页面的初始HTML模板不再默认添加非必要的"dg-dashboard","dg-chart"样式类;DataGear是一款开源免费的数据可视化分析平台,可
原创
发布博客 2022.01.27 ·
329 阅读 ·
0 点赞 ·
0 评论

DataGear 2.11.0 发布,数据可视化分析平台

DataGear 2.11.0发布,主要改进功能,具体更新内容如下:新增:图表JS对象新增dataSetPropertySign()函数,用于获取/设置数据集属性数据标记;新增:图表JS对象新增dataSetPropertySigns()函数,用于获取/设置数据集属性数据标记;新增:图表JS对象新增echartsGetThemeName()函数,用于获取或生成ECharts主题;修复:修复数据集参数日期类输入框不支持"ymd"格式的BUG;改进:看板编辑页面的资源列表改为树形结构展示;改进:看
原创
发布博客 2021.12.16 ·
644 阅读 ·
0 点赞 ·
0 评论

DataGear 制作自定义数据集下拉框表单的数据可视化看板

DataGear 数据可视化看板内置了看板表单功能(参考dg-dashboard-form),可以实现比较基础的表单功能,当有较复杂的功能需求时,则需要自定义看板表单。自定义看板表单的实现方式与原生的HTML表单基本一致,只是需要在表单提交时,自定义提交处理函数,调用看板API,将表单值设置为图表的数据集参数值,然后刷新图表。本文以某公司销售额数据可视化看板为例,介绍如何自定义看板表单。看板的功能要求是:可查询某部门特定年份的销售额数据图表(柱图)和利润数据图表(饼图),其中【部门】、【年份】是两个表
原创
发布博客 2021.06.14 ·
436 阅读 ·
0 点赞 ·
1 评论

DataGear 制作折柱图数据可视化图表

利用 DataGear 看板的 自定义图表选项(dg-chart-options)功能,可以很方便地制作折柱图(或者折线-饼图、柱状-饼图)数据可视化图表。假设有如下CSV数据集,包括名称和两个指标值数据:名称, 指标0, 指标11月, 35, 1182月, 50, 603月, 60, 404月, 80, 90首先,新建柱状图表:名称:折柱图图表类型:基本柱状图数据集:上述数据集数据标记: 名称 ->
原创
发布博客 2021.06.14 ·
225 阅读 ·
0 点赞 ·
0 评论

DataGear 数据可视化看板整合前端框架Vue

DataGear 2.4.0 版本的看板JS对象新增了loadUnsolvedCharts()函数,用于异步加载页面端动态生成的图表元素,利用它,可以很方便整合Angular、React、Vue等前端框架。本文以Vue为例,详细介绍如何进行整合。首先,点击看板管理页面的【添加】按钮,新建一个看板,HTML模板内容如下:<!DOCTYPE html><html><head>...</head><body></body>
原创
发布博客 2021.04.25 ·
807 阅读 ·
0 点赞 ·
0 评论

DataGear 数据可视化表格图表常用配置示例

DataGear 内置表格图表底层采用的是DataTable表格组件,在数据可视化看板中,可以通过dg-chart-options设置表格选项,具体选项可参考https://datatables.net/reference/option/,本文仅列出一些常用配置示例。注意:下面这些配置示例需要DataGear-2.1.1及以上版本。自定义列属性(标题、列宽、是否可排序等)<script type="text/javascript">var tableOptions={ colu
原创
发布博客 2021.01.15 ·
1139 阅读 ·
0 点赞 ·
0 评论

DataGear 自定义数据可视化图表

DataGear内置了很多常用的图表(折线图、柱状图、饼图、散点图、雷达图、地图等等),能满足大部分数据可视化需求,当内置图表无法满足时,则可以通过自定义图表或插件的方式,实现特定业务的数据可视化需求。自定义图表实现起来简单方便,只需为看板内的图表类型为自定义的<div>图表元素添加dg-chart-renderer属性(图表渲染器),并实现其逻辑即可;自定义图表插件则稍复杂些,需要编写单独的插件包,并上传至系统,之后则可在整个系统内复用。本文主要讲解自定义图标实现方式。在开始自定义之前,
原创
发布博客 2020.12.07 ·
1382 阅读 ·
1 点赞 ·
6 评论

DataGear 2.8.0 发布,数据可视化分析平台

DataGear 2.0.0 发布,看板支持新建和编辑JS/CSS,项目开发框架迁移至Spring Boot,具体更新内容如下:新增:看板编辑页面支持新建和编辑*.html、.js、.css等文本类资源文件;修复:修复看板表单对于留空的输入框未能正确设置图表数据集参数值的BUG;修复:修复图表数据集参数设置表单打开后,复选框、下拉框未能正确选中上次值的BUG;修复:修复看板编辑页面的复制资源名到剪切板功能不起作用的BUG;改进:看板的添加、编辑操作可选在新窗口中打开;改进:数据集预览功能限定最
原创
发布博客 2020.11.30 ·
273 阅读 ·
0 点赞 ·
0 评论

DataGear 自定义数据可视化看板的图表主题

DataGear看板的dg-chart-theme属性,提供了简单且强大的自定义图表主题功能。通常,只需要设置其color、backgroundColor、actualBackgroundColor值即可,看板会根据它们自动生成标题、图例、提示框、高亮框等相关配色。例如,定义全局图表配色:<body style="background-color: #17336c" dg-chart-theme="{ color:'#FFF', backgroundColor:'#17336c
原创
发布博客 2020.10.26 ·
1191 阅读 ·
0 点赞 ·
0 评论

DataGear 制作省/市二级联动下拉框看板表单

通过DataGear的自定义图表功能,可以很方便地制作省/市二级联动下拉框看板表单。首先,新建两个下拉框所需的数据集:第一个是省级下拉框所需数据集,以如下的CSV数据集为例:name, value北京, bj河北, hb山东, sd江苏, js第二个是市级下拉框所需数据集,以如下SQL数据集为例:SELECT NAME, VALUEFROM T_CITYWHERE PARENT = '${province}'这是一个参数化SQL数据集,参数为:名称 类型
原创
发布博客 2020.10.18 ·
278 阅读 ·
0 点赞 ·
0 评论

DataGear 制作按行滚动的轮播表格数据可视化看板

通过DataGear的表格图表轮播设置项(1.13.0版本新增),可以很方便地制作轮播表格行间可停顿的数据可视化看板。首先,新建表格所需的数据集,以如下CSV数据集为例:name, valueDataGear, 160Line, 140Bar, 120Pie, 110Gauge, 100Scatter, 120...使用上述数据集新建一个表格图表:图表类型:基本表格数据集列标记:无需标记然后,新建可视化看板
原创
发布博客 2020.10.12 ·
881 阅读 ·
0 点赞 ·
0 评论

DataGear 制作联动异步加载图表的数据可视化看板

通过DataGear的参数化数据集、图表事件处理和看板API功能,可以很方便地制作联动异步加载图表的数据可视化看板。首先,新建一个参数化SQL数据集,如下所示:SELECT COL_NAME, --地区名 COL_VALUE, --地区指标数值FROM T_ANALYSISWHERE<#if 上级地区名??> COL_PARENT='${上级地区名}'<#else> COL_PARENT='中国'</#if>参数:名称
原创
发布博客 2020.10.09 ·
484 阅读 ·
0 点赞 ·
0 评论

DataGear 制作支持全国、省、市三级数据钻取效果的地图数据可视化看板

通过DataGear的参数化数据集、图表联动和看板API功能,可以很方便地制作支持数据钻取效果的据据可视化看板。首先,以地区名为参数,新建一个参数化SQL数据集:SELECT COL_NAME, --地区名 COL_VALUE, --地区指标数值 COL_PARENT AS COL_MAP --上级地区名,同时作为地图名FROM T_ANALYSISWHERE<#if 上级地区名??> COL_
原创
发布博客 2020.08.25 ·
771 阅读 ·
0 点赞 ·
0 评论

DataGear 制作实时数据可视化看板

通过DataGear的参数化数据集和看板API功能,可以很方便地制作包含时序类图表的看板。首先,以时间为参数,新建一个参数化SQL数据集:SELECT COL_TIME, COL_VALUEFROM T_TIME_SERIES<#if 时间??>WHERE COL_TIME > '${时间}'</#if>ORDER BY COL_TIME ASC<#if 时间??>LIMIT 0, 1<#else>LIMIT 0
原创
发布博客 2020.08.18 ·
904 阅读 ·
0 点赞 ·
0 评论

DataGear 1.11.0 发布,数据可视化分析平台

DataGear 1.11.0 发布,新增JSON数据集,具体更新内容如下:新增:新增JSON文本数据集,可直接编写JSON文本定义数据集;新增:新增JSON文件数据集,可通过上传JSON文件定义数据集;新增:数据集编辑页面新增"属性"栏,用于编辑数据集的数据结构及展示标签;修复:修复系统底层数据源连接池不兼容某些版本的JDBC驱动程序(比如:Hive 1.2.2)导致无法连接的BUG;修复:修复查询数据操作对于某些数据源(比如:Impala)有时报空指针异常的BUG;改进:表格图表新增"or
原创
发布博客 2020.08.17 ·
267 阅读 ·
0 点赞 ·
0 评论

DataGear 制作支持表单交互操作和多图表联动的数据可视化看板

对于数据可视化,有时需要根据用户输入的查询条件展示限定范围的数据图表,DataGear的看板表单功能可以快速方便地实现此类需求。下面的看板示例,包含一个柱状图、一个饼图和一个地图,用户可以通过看板表单设置柱状图和饼图的数据数目,设置地图的显示地区。首先,新建三个参数化数据集。SELECT COL_NAME, COL_VALUEFROM T_ANALYSIS_0limit 0, ${查询数目}参数定义为:参数名 类型 必填查询数目 数值
原创
发布博客 2020.07.31 ·
823 阅读 ·
0 点赞 ·
1 评论

DataGear 轻松制作支持图表联动的全国地图、省级地图数据可视化看板

DataGear看板的图表联动功能,使您可以轻松制作支持图表联动的全国、省级指标数据可视化看板。首先,新建两个数据集。第一个是各省指标数据集,将用于绘制全国指标图表,它的SQL语句如下所示:SELECT COL_NAME, COL_VALUEFROM T_ANALYSIS_PROVINCE第二个是指定省的各市指标数据集,将用于绘制省级指标图表,它是一个参数化数据集,其中,参数化SQL语句为:SELECT '${省份}' AS COL_MAP, COL_NAME, COL_VALUE
原创
发布博客 2020.07.28 ·
1598 阅读 ·
1 点赞 ·
0 评论

DataGear 使用静态HTML模板快速制作数据可视化看板

DataGear看板提供了导入静态HTML模板的功能,使您可以利用现有的HTML模板资源快速制作动态可视化数据看板。首先,您需要准备一套已设置好布局的静态HTML模板,其中包含的HTML主页及相关资源,例如:index.htmlcss/ |---style.css |---images |---bg.png |---bg_head.png它的静态效果如下图所示:然后,将这套静态HTML模板压缩到一个ZIP文件中(注意index.html及其资源要直接放在压缩
原创
发布博客 2020.07.28 ·
1647 阅读 ·
1 点赞 ·
0 评论
加载更多