Markdown+取数函数=让人惊艳的可视化

Redash中文版支持完整的Markdown技术,之前已经介绍过markdown可以添加视频接入监控的流媒体服务器等高级功能,大大拓展了传统大大拓展了传统dashboard的表现力。接下来我们介绍Redash中Markdown的另外一个重要功能:取数函数

传统的BI或Dashboard侧重于数据图表展现,满屏全是数据和图表,缺少图片、文字、视频等综合排版能力;博客等自媒体网站采用的Markdown技术排版能力强,但图表能力弱。

而Redash中文版推出markdown部件,完美地展示了二者的优点。配合取数函数,轻松将数据展示出来,不用框置在固定的图表或者表格中,还可以添加各种让人惊艳的效果。

1、实时取数数据

案例如下:
{{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}}

{{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}}

{{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}}
//query取查询,colName分别取对应列名,rowNumber取行数

数据滚动播放效果:

Markdown+取数函数=让人惊艳的可视化_第1张图片

2、图文组合排版

Markdown支持插入网络图片链接、svg图片、视频、背景等多媒体,图文结合让可视化图表更自由,数据信息更生动。

图文结合排版效果:

Markdown+取数函数=让人惊艳的可视化_第2张图片

2、chart.js图表展示:

Markdown支持chart.Js,极大的丰富了图表样式。

Markdown+取数函数=让人惊艳的可视化_第3张图片

在markdown编辑界面可以任意添加多种chart图表样式,同时支持取数函数取数据,数据可以通过markdown部件中chart.js图表展示出来,具体使用可参考https://chartjs.bootcss.com/samples/

示例:
Markdown+取数函数=让人惊艳的可视化_第4张图片
//markdown的代码块中取数函数需要用querys来取值,由于redash软件支持Json格式,需要在编辑器中修改案例格式

效果图:

你可能感兴趣的:(markdown可视化)