Table of Contents

Таблица с картинкой и ссылкой в Apache Superset

В данной статье будет рассмотрен пример, как создать вот такую вот табличку:

Исходные данные

У нас есть подготовленные данные в Apache Superset:

где:

Link — ссылка на телеграм канал
Image — ссылка на картинку

Настройки таблицы в Apache Superset будут следующие:

2 custom sql Dimensions
2 custom sql Metrics

Создание измерений (Dimensions — Custom SQL)

Код измерения Image:

'<a href="'||"Link"||'" target="_blank">'||
'<img src="'||"Image"||'" style="height:50px;border-radius: 50%;">'
||'</a>'

Код измерения Link:

'<a href="'||"Link"||'" target="_blank">'||"Link"||'</a>'

Создание метрик (Metrics — Custom SQL)

Subscribers KPI:

'<p>' ||
'<span style="font-weight:bold;">' ||
SUM("Subscribers") || '<br>' ||
'</span>' ||
'<span style="font-style:italic;">' ||
SUM("Subscribers MoM") || ' ' ||
CASE 
WHEN SUM("Subscribers MoM") >= 0 THEN
'<span style="color:green;">&nearr;</span>'
WHEN SUM("Subscribers MoM") < 0 THEN
'<span style="color:red;">&searr;</span>'
END
|| ' MoM'
|| '</span> '
|| '</p>'

Posts KPI:

'<p>' ||
'<span style="font-weight:bold;">' ||
SUM("Posts") || '<br>' ||
'</span>' ||
'<span style="font-style:italic;color:#999999;"> +' ||
SUM("Posts MoM")
|| ' for month'
|| '</span> '
|| '</p>'