Search found 15 matches

Go to advanced search

by tyahav
Thu Jun 02, 2022 1:25 pm
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, Please add another condition like in my previous answer to see if values are negative only, and then adjust labels' position: Demo: https://jsfiddle.net/BlackLabel/usj9vhq1/ Let me know if you have any further questions! Regards! Great, now it works. Thank you so much!! How can I add spa...
by tyahav
Thu Jun 02, 2022 8:22 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, The answer is ready and I'm waiting for your feedback. Perhaps you have missed it because it is on second page on the thread now. Let me know if you've seen it: Hi tyahav, It seems that the labels are cut where the container ends: https://jsfiddle.net/BlackLabel/htan0zeo/ As a solution p...
by tyahav
Tue May 31, 2022 12:22 pm
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

mateusz.b wrote: Thu May 26, 2022 2:51 pm Hi tyahav,

Could you provide me with the demo where values are being cut? Thanks in advance.

Regards!
Please, I am waiting for your help.
by tyahav
Sun May 29, 2022 9:31 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

mateusz.b wrote: Thu May 26, 2022 2:51 pm Hi tyahav,

Could you provide me with the demo where values are being cut? Thanks in advance.

Regards!
Yes, see the following.
https://jsfiddle.net/tyahav/uqf2Lwa4/11/
by tyahav
Thu May 26, 2022 2:17 pm
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, In that case you should use two separated x axes - one for positive values and another for negative values. The distance between the bars can be adjusted with axis.width and axis.left properties. Demo: https://jsfiddle.net/BlackLabel/msyqo6hx/ API reference: https://api.highcharts.com/hi...
by tyahav
Wed May 25, 2022 9:44 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, Please add another condition like in my previous answer to see if values are negative only, and then adjust labels' position: Demo: https://jsfiddle.net/BlackLabel/usj9vhq1/ Let me know if you have any further questions! Regards! Great, now it works. Thank you so much!! How can I add spa...
by tyahav
Wed May 25, 2022 9:30 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, Please add another condition like in my previous answer to see if values are negative only, and then adjust labels' position: Demo: https://jsfiddle.net/BlackLabel/usj9vhq1/ Let me know if you have any further questions! Regards! Great, now it works. Thank you so much!! How can I add spa...
by tyahav
Sun May 22, 2022 7:07 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, Sorry for slightly longer response time. It behaves like that, because without negative values there is not enough space below columns to offset those labels. In this case you should use translate method to foce the labels to move under bars. Demo:https://jsfiddle.net/BlackLabel/wmxbj3z8...
by tyahav
Wed May 18, 2022 11:10 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, 1, 2) Some labels doesn't show because they overlap with each other and thus are hidden. You can force them to show by setting allowOverlap: true property. To avoid that problem I added y offset for positive values, but in effect, as you have noticed, labels are positioned outside of bar...
by tyahav
Wed May 18, 2022 6:27 am
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, 1, 2) Some labels doesn't show because they overlap with each other and thus are hidden. You can force them to show by setting allowOverlap: true property. To avoid that problem I added y offset for positive values, but in effect, as you have noticed, labels are positioned outside of bar...
by tyahav
Mon Apr 18, 2022 6:28 pm
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Re: Custom column bar with negative values

Hi tyahav, Thanks for contacting us with your questions. 1) Line like that can be created with a plotLine . 2, 3) For custom data labels settings you should use dataLabels.formatter and change labels' properties conditionally. 4) I'm not quite sure what exactly do you mean. If it refers to data lab...
by tyahav
Sun Apr 17, 2022 12:35 pm
Forum: Highcharts Usage
Topic: Custom column bar with negative values
Replies: 21
Views: 4154
 
Jump to post

Custom column bar with negative values

Hello, I'm trying to configure the graph configuration like the following design but without success. I have the following graph configuration: https://jsfiddle.net/tyahav/mkvxr95a/ I am trying to do the following: 1. Change the color of the line to Blue. 2. Set the name under the bar for positive v...
by tyahav
Tue Feb 01, 2022 4:03 pm
Forum: Highcharts Usage
Topic: Make the height property as dynamic value
Replies: 3
Views: 1428
 
Jump to post

Make the height property as dynamic value

Hi, I'm trying to be able and set Height automatically when resizing the screen sizes. Currently, I am setting the size to be with default size when it *loads*, but then I'm resizing the screen the height of the graph keeps the same and does not change. I am returning the object (Highcharts is set a...
by tyahav
Wed Jul 21, 2021 6:11 am
Forum: Highcharts Usage
Topic: Remove empty padding at the end of the graph when data is "Null"
Replies: 1
Views: 316
 
Jump to post

Remove empty padding at the end of the graph when data is "Null"

Hi,

I have a graph that has data with 'Null' values, when there is a "null" values it creates inside the graph an empty space at the end of the graph. I am looking to remove this empty space and remove the categories below.
http://jsfiddle.net/7fvty2w3/3/
by tyahav
Thu Jul 01, 2021 7:54 am
Forum: Highcharts Usage
Topic: Different tooltip header name value and xAxis label value
Replies: 1
Views: 1205
 
Jump to post

Different tooltip header name value and xAxis label value

Hi, I'm struggling to set different header name inside tooltip and xAxis label name. I'm passing my categories from my service in the following structure: categories = [{formattedDate: "12AM", longFormattedDate: "Jul 1, 2021 - 12AM"}, {formattedDate: "1PM", longFormatte...

Go to advanced search