Example i have 2 element
One element for report canvas base on date that i want to filter
filters
| essql query= { string "SELECT * FROM "2023.12.*" " }
| markdown
"
{{#each rows}}
Total Rejected | Total Retract | Total Count USD | Total Count KHR |
---|---|---|---|
{{totalRejects}} | {{actualRetracts}} | {{total1Currency}} | {{total2Currency}} |
{{/each}} | |||
" | |||
render | |||
css=" | |||
.canvasRenderEl { | |||
font-family: Arial, sans-serif; | |||
display: flex; | |||
flex-direction: row; | |||
justify-content: space-between; | |||
} |
.canvasMarkdown h1 {
font-size: 24px !important;
}
.canvasMarkdown h2, .canvasMarkdown p {
color: #666666;
font-size: 14px;
}
.canvasMarkdown table {
width: 100%;
border-collapse: collapse;
}
.canvasMarkdown th, .canvasMarkdown td {
border: 1px solid #ddd;
font-size: 8px;
text-align: left;
color: #191970;
}
.canvasMarkdown th {
background-color: #f2f2f2;
}
.canvasMarkdown tr:nth-child(even) {
background-color: #f9f9f9;
}
"
and second element is timefiler
timefilterControl compact=true column=@timestamp
| render
how to select time filter and effect to one element base on time select please modify my code.
Thanks u in advance !!!