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!

Index This | I’m short for "configuration file.” What am I?

May 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with a Special ...

New Articles from Academic Learning Partners, Help Expand Lantern’s Use Case Library, ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Your Guide to SPL2 at .conf24!

So, you’re headed to .conf24? You’re in for a good time. Las Vegas weather is just *chef’s kiss* beautiful in ...