Can I use CSS or change colours/fonts of text displayed in VISUALIZATION other than Canvas?

Elastic Stack Kibana
1

would like to ask if there is any way to change colours and fonts of text in kibana's Visualization instead of Canvas?

2

Hi @jrplus,

unfortunately there is currently no way to do so in the regular Kibana visualizations. To have more control about the appearance you can use Canvas or Vega visualizations.

3

There is one more option available, in the TSVB Markdown visualization.
I am using this to the extreme, with this custom CSS on the Panel options:

text-align: center;
th, td, tr, table {
    border: none;
}
thead > tr > th {
    padding: 0;
}
th, td {
    border-bottom: 1px dotted #ddd;
    text-align: center;
    font-size: 1.5em;
}
td:nth-child(1) {
    width: 50%;
}
s {
    font-style: normal;
    text-decoration: none;
    color:#BF1B00;
}
em {
    font-style: normal;
    text-decoration: none;
    font-size: 0.5em;
}
a {
    font-size: 4em;
    text-decoration: none;
}

p > a {
    line-height: .8em;
}

This allows me to highlight text that has the strike-through applied in red, change font size for links, etc.
Basically I misuse the various tags that markdown generates and override their style.

1 Like
4

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.