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!

Fueling your curiosity with new Splunk ILT and eLearning courses

At Splunk Education, we’re driven by curiosity—both ours and yours! That’s why we’re committed to delivering ...

Splunk AI Assistant for SPL 1.1.0 | Now Personalized to Your Environment for Greater ...

Splunk AI Assistant for SPL has transformed how users interact with Splunk, making it easier than ever to ...

Unleash Unified Security and Observability with Splunk Cloud Platform

     Now Available on Microsoft AzureOn Demand Now Step boldly into the AI revolution with enhanced security ...