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

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

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

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

1、实时取数数据

案例如下：
<span class="size" style="font-size:16px"><span class="colour" style="color:rgb(237, 145, 46)">{{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}}</span></span>

{{"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取行数

数据滚动播放效果：

2、图文组合排版

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

图文结合排版效果：

2、chart.js图表展示：

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

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

示例：

//markdown的代码块中取数函数需要用querys来取值，由于redash软件支持Json格式，需要在编辑器中修改案例格式

效果图：