跳到主要内容

##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图片、视频、背景等多媒体,图文结合让可视化图表更自由,数据信息更生动。

图文结合排版效果:

3.chart.js图表展示

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

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

示例:

``chart\``` {"type":"polarArea","data":{"datasets":[

{"data":["",

"",

"",

"",

""],"backgroundColor":["#FF6384","#4BC0C0","#FFCE56","#E7E9ED","#36A2EB"],"label":"我的数据"}

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

`


\`\`\`

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

效果图:

![](../../images/chart1.gif)