I have the highcharts,column chart, wherein I need to draw a notification bar on each of the months.
Please find image, I need to set the yellow bar under each month.
Please can anyone help me get the each width of the slice.
Thanks for ur help
Regards
Ruth
Related
I recently found that there is a built-in option to disable crisp for bar and column charts, which is awesome! However, I noticed that x-axis ticks slightly off (I believe ticks distance gets calculated based on crisp-true). Is there a way to align them properly?
Here are docs https://api.highcharts.com/highcharts/plotOptions.column.crisp
Updated example:
https://jsfiddle.net/bqo9dv5a/
Ideally, I want ticks to be centered for each column.
Thank you!
I found this parameter on documentation (xAxis.offset), maybe it will help achieve what you want.
API Reference: https://api.highcharts.com/highcharts/xAxis.offset
Live Demo: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/offset/
can you please tell me whether the labels showing the difference is possible in Highcharts? See image here:
if yes can you please give me a few keywords to look at?
I am working on high charts (pie and bar). while page loads, charts are not center aligned, but as soon as I do inspect element it gets aligned. Can anyone suggest possible reasons?
In the pie chart you have center parameter which allows you to position chart.
Example: http://jsfiddle.net/40h671s3/
In a candlestick graph i am building, the latest bar is cut-off partially such that even the bar is not visible. Thus it's difficult to judge the high and low by seeing the bar.
I'm unable to post a pic now but it's like the last rectangle being cut in half.
I'm tried a lot of options in the api but can't figure out why this is not showing correctly. The chart margin and axis offset options havent' helped. Is there a way i can set the series margin from the plot area so that it displays right.
For this problem, the best solution is to insert a dummy series which should be hidden from every aspect of the chart. So try this, insert a dummy series from the last point of the data series to some extra buffer(as per need). Then remove this series from the chart by explicitly removing it from the legends (using showinlegend),chart(setting linewidth to 0) and from tooltip by having a check in formatter. Hope this solves your problem.
I had the same problem and couldn't figure it out, because no matter how I changed the xAxis.maxPadding or changed the xAxis.max, it would always cut off the last candlestick when I clicked on the range selector.
To solve it, (hack) I just added an extra data point in my series and set it 1 day past the last day and set all values to null.
Without any code or a pic, it's hard to tell the problem, but it sounds like you need to use the max padding option. http://api.highcharts.com/highcharts#xAxis.maxPadding. You may also want to look at endOnTick as well as whether you are setting max on the axis.
Using highcharts, how would I put a default grey bar under my column charts, for example, like this?
And how would I do something similar for a pie chart (if my data takes up 30% of the chart, show the remaining 70% as light grey or something similar to denote unused space of the pie chart)
For the Pie chart there has been a bit of a back and forth in the highcharts forums. What I would do is get all of your data you need to plot and find out what percentage of the total all of that data is. Then, with the remaining percentage create another data point and set its color to grey.
But you really have to consider what is the total percentage means - without further detail I cannot begin to guess.
As for the first question about "default grey bar under my column charts" it is not clear from that link what you mean. I do not really see what you mean with the charts I have looked at.