Label below Splitline

[kinokatsu]

Hi.
I want to display the label under Splitline.
I could not put “\n” in front of the label, but I couldn’t.

I put “\ n” in front of the label, but it did not appear below.

How should I solve it?

[Shashi Ranjan]

@kinokatsu,

Sorry, it’s not possible to add line-break in labels as of now. However you can wrap it after certain width by setting labelMaxWidth.

—
Shashi Ranjan
Team CanvasJS

[kinokatsu]

Shashi.
thanks for your reply.

I understand “add line-break in labels”.

The true purpose is to display the label under splieline.

I want to display it as shown in the image below.

[Shashi Ranjan]

@kinokatsu,

Sorry, this feature is not available as of now.

—
Shashi Ranjan
Team CanvasJS

[kinokatsu]

Hi Shashi.
thanks for your reply.

I understand “not available”.

So, is it possible to convert the height of a splitline label to a Y-axis scale?
If that is possible, add a label with a dummy splitline.

[Vishwas R]

@kinokatsu,

You can add dummy stripline with transparent color and position it below the actual stripline as shown in this JSFiddle.

In order to help us in understanding the issue, please have a reproducible demo of your chart.

This one step can assure you a speedy response. Fork out our template JSFiddle and reproduce the chart at your end. Try to keep it to the bare minimum by removing unnecessary code.

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle helps us in figuring out the issue and many a times we can just edit your code on JSFiddle to fix the issue right-away.

—
Vishwas R
Team CanvasJS

[kinokatsu]

Hi Vishwas.
thanks for your reply.

Thank you for JSFiddle sample.

I often use the dummy splitline, so I know how to use it.

Look at this JSFiddle

Like this, depending on the Y-axis scale setting, it overlaps with splitline (Y-axis is not always the same setting).
Therefore, the following steps are required.
1. Calculate the height of label string.
2. Convert the height of label string to scale.
3. Set up the dummy splitline.

That’s what the question of # 25916 means.
Is it possible to calculate “1 ~ 2”?

[Vishwas R]

@kinokatsu,

Please take a look at this updated JSFiddle for an example on positioning label of dummy stripLine below the actual stripLine dynamically.

Please refer the following articles for more information on calculating height of a text.
Stackoverflow thread
Tutorialspoint

—
Vishwas R
Team CanvasJS

[kinokatsu]

Hi Vishwas.
thanks for your reply.

Great!

This is what I wanted to do.
I try to it.

[kinokatsu]

Hi Vishwas.

I was able to display the label thanks to you.
It was very helpful.

https://jsfiddle.net/6k09w4gy/2/

• This reply was modified 5 years, 5 months ago by kinokatsu.
• This reply was modified 3 years, 2 months ago by Vishwas R.