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 评论
加载更多