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 !!!