是否有一种在流光中添加/显示bloxs的方法？

Question

布洛克斯是一个简单的python包，它帮助您以一种吸引人的方式(以块形式)显示信息。完美的建立仪表板，报告和应用程序在笔记本上。 它与木星笔记本，谷歌Colab，Deepnote，Kaggle笔记本一起工作。

B([
    B(1999, "Percent change!", percent_change=10),
    B("", "Works with emojis"),
    B("68%", "Loading progress", progress=68),
    B(1234, "Bloxs in notebook!")
])

​

​

如何在流光中使用

我尝试过st.pyplot和streamlit HTML component，但无法添加流媒体应用程序。

有没有办法在Streamlit中添加这些博客呢？

Answer 1

使用B(...)._repr_html_()将其作为HTML，并使用HTML component将其放入流光中。

但是HTML component无法检测到它的高度，您必须手动设置它。

import streamlit as st
import streamlit.components.v1 as components
from bloxs import B

st.title('Bloxs example in Streamlit')

item = B([
    B(1999, "Percent change!", percent_change=10),
    B("", "Works with emojis"),
    B("68%", "Loading progress", progress=68),
    B(1234, "Bloxs in notebook!")
])._repr_html_()

components.html(item, height=300) #, scrolling=True)

​

​