##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)