The chart has its interaction event feature, which supports triggering interactive events by clicking a data point in the chart, such as redirecting to a set URL, opening the Search and Analysis page, opening the dashboard, adding filter conditions, etc.
2. On the left navigation bar, enter Search and Analysis or Dashboard, and create statistical analysis charts.
3. In chart configuration, select Interaction Event and add relevant interactions. The following variables can be referenced:
Variable Description
${__field.Name}: References the field name of the clicked value.
As shown below, clicking 8.4s triggers the redirect URL embedded with the ${__field.Name} variable, which will reference the field name of the value, that is, populate timecost in the URL.
${__value.raw}: References the clicked value (populated in the original format).
As shown below, clicking 8.4s triggers the redirect URL embedded with the ${__value.raw} variable, which will reference the raw data of the clicked value, that is, the value 8.4125 without unit or decimal place processing.
${__value.Text}: References the clicked value (populated in the string format).
As shown below, clicking 2020-10-27 17:21:00 triggers the redirect URL embedded with the ${__value.Text} variable, which will reference the clicked value and convert it into a string, that is, 2020-10-27%2017:21:00 (here, %20 is a URL-encoded space).
${__value.Numeric}: References the clicked value (populated in the numeric format).
As shown below, clicking 8.4s triggers the redirect URL embedded with the ${__value.Numeric} variable, which will reference the clicked value and convert it into a number, that is 8.4125. Here, a time value will be converted into a Unix timestamp in the numeric format, and a string value will fail to be referenced.
${__value.Time}: The timestamp of the clicked value (populated in the Unix time format).
As shown below, clicking 8.4s triggers the redirect URL embedded with the ${__value.Time} variable, which will reference the timestamp in the same line as the clicked value, that is, 2022-10-27 17:21:00 of analytic_time. The value will be further converted into the Unix format and populated as 1666891260000. If there is no such timestamp, reference will fail.
${__Fields.specific field}: Field value in the same line.
As shown below, clicking 8.4s triggers the redirect URL embedded with the ${__Fields.protocol_type} variable, which will reference the field value in the same line as the clicked value, that is, http2 of protocol_type.
Use Case
Scenario: The following counts the top error rates of server IPs. In case of an IP with a high error rate, you need to be redirected to the search and analysis page, where you can view the IP logs with the 4XX status code.
https://console.tencentcloud.com/cls/search?region=xxxxxxx&topic_id=xxxxxxxx&query=server_addr:${__value.text} AND status:[400 TO 499]&time=now-1h,now
After the target IP is clicked, the search page will be opened automatically for search and display of the search result.
