关于markdown:Markdown取数函数让人惊艳的可视化

Redash中文版反对残缺的Markdown技术，之前曾经介绍过markdown能够增加视频接入监控的流媒体服务器等高级性能，大大拓展了传统大大拓展了传统dashboard的表现力。接下来咱们介绍Redash中Markdown的另外一个重要性能：取数函数

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

而Redash中文版推出markdown部件，完满地展现了二者的长处。配合取数函数，轻松将数据展现进去，不必框置在固定的图表或者表格中，还能够增加各种让人惊艳的成果。

1、实时取数数据

案例如下：

<marquee behavior=”scroll” direction=”up” scrollamout=”3″ height=”200″ >

<font color=#ed912e size=3 >

{{“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}}

</font>

</marquee>

//query取查问，colName别离取对应列名，rowNumber取行数

数据滚动播放成果：

2、图文组合排版

Markdown反对插入网络图片链接、svg图片、视频、背景等多媒体，图文联合让可视化图表更自在，数据信息更活泼。

图文联合排版成果：

2、chart.js图表展现：

Markdown反对chart.Js，极大的丰盛了图表款式。

在markdown编辑界面能够任意增加多种chart图表款式，同时反对取数函数取数据，数据能够通过markdown部件中chart.js图表展现进去，具体应用可参考https://chartjs.bootcss.com/samples/

示例：

{"type": "polarArea","data": {"datasets": [

{"data": ["{{"querys":123,"colName":"id","rowNumber":0}}",

"{{"querys":123,"colName":"id","rowNumber":1}}",

"{{"querys":123,"colName":"id","rowNumber":2}}",

"{{"querys":123,"colName":"id","rowNumber":3}}",

"{{"querys":123,"colName":"id","rowNumber":4}}"],"backgroundColor": ["#FF6384","#4BC0C0","#FFCE56","#E7E9ED","#36A2EB"],"label": "我的数据"}

],"labels": ["a","b","c","d","e"]},"options": {}}

//markdown的代码块中取数函数须要用querys来取值，因为redash软件反对Json格局，须要在编辑器中批改案例格局

效果图：