如何将背景色应用于相同仪表板中的Kibana表

如何解决如何将背景色应用于相同仪表板中的Kibana表

在Kibana仪表板中实现彩色表格时，我遇到了一个挑战，并试图找出互联网上的最佳方法，但到目前为止还没有任何解决方法。因此，由于我不想重新发明轮子并从头开始创建，所以我想听听您关于此实现的最新状态。顺便说一句，我知道我们可以根据其值定义一个单元格颜色，但它不仅可以是单元格颜色，还必须是所有表格行或至少一个完整行。

面临的挑战是在同一仪表板上绘制两个简单的表，一个完全为红色，第二个均为绿色。这是一个表示例： Report example

您是否找到了某种方法来将表格的背景色定义到Kibana仪表板，Kibana可视化组件中，或者甚至通过HTML或CSS文件自定义的部署级别自定义？

解决方法

这是解决这一挑战的方法之一。为了找出其他格式，我建议在Chrome中使用F12并调试一些CSS语句。

1. 要更改的CSS文件：

• /usr/share/kibana/optimize/bundles/light-theme.style.css

1. 让我们考虑以下表格标题

• 表1标题：“ TOP_RED_TABLE”
• 表2标题：“ BOTTON_GREEN_TABLE”

1. 在CSS文件的末尾添加以下几行（将根据您的定义在下面的表标题替换到仪表板中）

   [data-title =“ TOP_RED_TABLE”]，[data-test-subj =“ embeddablePanelHeading-TOP_RED_TABLE”] { 背景颜色：红色；
   白颜色; }

   [data-title =“ BOTTON_GREEN_TABLE”]，[data-test-subj =“ embeddablePanelHeading-BOTTON_GREEN_TABLE”] { 背景颜色：绿色；
   白颜色; } .table thead { font-size：14px; 背景颜色：黑色； 白颜色; }

   .embPanel__title：not（：empty）{ font-size：16px; }

祝您的kibana定制好运，请在此处发布任何其他建议。

Tks

马塞洛