Highcharts - zooming to single day pushes column off graph - highcharts

When zooming to a single date on a column graph with two series one of the columns gets pushed outside of the chart drawing area.
You can see it in action here http://alfred.stlouisfed.org/graph/?g=Sfs
and here is a screenshot of the dev inspector highlighting where it appears off the graph edge
Has anyone seen this before? Or have any idea what settings may be affecting it? It works okay if you zoom out to two dates, but unfortunetly the product owners are insisting on only showing one date.
Thanks!

Every two columns of your data is for three months, not for a day. The chart selects a starting point for every timerange and sticks to it. If you zoom in the empty area in the scale of a day you will see nothing. So correct your data, or your scale of zooming.

Related

Data on a dual y-axis chart is not graphing properly. How do I fix it?

I'm trying to graph two data sets on the same graph with two different y-axis. They are both over the same overall time scale (~330 hours), but the individual observations are different. When I graph the data I get one set formatted and graphed correctly, but the other is squeezed all the way to the right of the chart.
Is there any way to fix this issue? Thanks
I've tried switiching which elasped hours is the x-axis, but it always results in one correctly graphed set and one messed up set.

Hide some Legend Items in Line Chart

I have my line chart showing all the data properly, including some annotated values which are meant to act as the label in the last data point for the lines. I wanted to do it this way so that I don't have to show literally every data label for every data point.
I have everything working correctly, but I noticed I am unable to remove the annotated legend item without removing the series. By removing the series, I lose the label. Below is my chart.
As you can see, the last data points are working as labels (1092 for example). The problem is you can also see each annotated item in the legend (the colored dashes with no text next to them). How can I only show the legend items for Gained (green), Lost (red), Net (gained - lost) (yellow), and Total (blue), without the other dashes? Is this doable?
I am also open to seeing if there is another way to have only the last data point have a data label in Google Sheets. I was just working off of this tutorial.
Below is a screenshot of some of my data rows in an accompanying sheet.
as long as the annotation column is specified as 'Label' for the primary column you shouldn't be seeing the former in legend

Labels from multiple series overlap

I have a container within which multiple series are displayed; I'm getting the data for the series from somewhere out of my reach. Each series has a label attached to it's last value.
The problem is that when the values from several series are close to each other, the labels overlap each other. I tried a couple of things which didn't work; I realize now the problem was I tried to adjust the settings of the individual series while what I need should somehow apply to combinations of series. I had no luck trying to find out how to get what I need.
Here's my fiddle. You can see there how the label "70" completely overlaps label "71" so the latter is not visible at all. If I remove the "70" label from the chart, "71" can be seen.
`http://jsfiddle.net/oybn2kax/8/`
Is there anything that can be done so that the labels are displayed in a way for both of them to be visible even if the values are close to each other?
Thanks a lot for your help and have a good time!

How do I show data for 4 weeks on a Google Sheets chart by week day?

I want to show data for 4 weeks on a Google Sheets chart.
I have tried to do this and it is mostly ok as this is correct:
The X-axis shows the days of the week
The Y-axis is the weight number
Issues I have with my current implementation are:
I had to make a separate series for each week when I wanted it automatically group the data by week number. (I then can't name each series)
The data is off by one day. Monday's data doesn't show which means Tuesday's data is showing in place of Monday and so on.
Here is a link to the google sheet and a screenshot below: https://docs.google.com/spreadsheets/d/147RMW2JE7MoWz53EZuB-nHj-p_xeKez_ze_0mqq8NGA/edit?usp=sharing
My expected result would look more like this:
Here the lines are shown grouped by each week AND data is shown for each day
The reason why you are missing the first day of every week is that you have checked the Use row 1 as heeaders so every series will remove the first datapoint (monday in your case) and insert it as the label for that series (you can see that in the legend).
If you uncheck that checkbox and change your range for the X-axis so it goes from Monday to Sunday you get the correct graph.
The problem with the previous graph is that although all its datapoints are correct there is no legend. But unfortunately there is no way to insert a legend easily because you cannot go and change this manually, the label for each series has to come from the cells.
What you can do to work around this limitation is change your data so the label for each series sits on top of your data and keep the Use row x as headers checked:
Of course this is not the only solution, you can go on multiple ways here, copy the table in a single sheet for every week, or just live without labels. Stack the weeks horizontally so everyone has its week number on top of the weight column, etc

Highcharts compare different dates ranges

I'd like to use highstock to compare two different time ranges together.
For example, for two data sets, one that shows the max temp for each day in Jan and the other one for Feb (for example), I'd like them to be shown one above the other, with the x-axis being the "same" one for both.
I can't do it with categories, because the data is being fed automatically, so each data point has its own time, so the x-axis is datetime.
I wanted to know if it was possible to simply have two graphs overlapping, with one graph having the normal x-axis at the bottom, and the other one having on top of the graph, so even when the data is for different times, it's shown overlapping. I can't find this problem anywhere.
Found the answer on this thread. Hope it helps!
Overlay 2 series of data of different length with highcharts
Essential Chart can be used with different date ranges with multiple axes. example source
The community license provides the whole suite of products for free if you qualify.
Note: I work for Syncfusion.

Resources