Splunk Search

How to change highcharts data label shape

kbrat
New Member

Hello,

I've got a time chart and wanted to know if it is possible to change the data label so it's surrounded by a conversation bubble. I know this is possible with CSS, though the class assigned to the data labels (highcharts-data-label) doesn't seem to accept border through CSS. This seems to be possible using the highcharts-data-label box, though that class appears to be in use for the box that appears when hovering over a point instead of on the data labels.

Highcharts has the following sample - hxxps :// jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/highcharts/css/series-datalabels/

This is the type of data label that I'm trying to get: alt text

Here is what I currently have (using CSS outline for the label):

Does anyone have experience with this?

0 Karma
Get Updates on the Splunk Community!

Troubleshooting the OpenTelemetry Collector

  In this tech talk, you’ll learn how to troubleshoot the OpenTelemetry collector - from checking the ...

Adoption of Infrastructure Monitoring at Splunk

  Splunk's Growth Engineering team showcases one of their first Splunk product adoption-Splunk Infrastructure ...

Modern way of developing distributed application using OTel

Recently, I had the opportunity to work on a complex microservice using Spring boot and Quarkus to develop a ...