I've a highchart which displays categories on x-axis and time on y-axis.This chart does not show complete range for a particular set of dates. I've created a fiddle for the same. jsfiddle.net/kshrrgvo
For the series with name "Remaining" bars are not complete. Moreover, the axis labels does not denote the full range.
Related
I am using HighStock for comparative analysis, where it shows same number of series during different time periods, as shown in this fiddle.
It has multiple x and y axes. when I move mouse over the chart, it shows series wit value at mouse current location.
Problem:
Problem in this chart is, tooltip do not show values of all series, but a few and those series change in tooltip window. I want tooltip to show all series with corresponding or nearest point value at mouse location.
Another problem is with navigator, navigator is showing only dates corresponding to first x-axis it should show dates of all axes, stacked one above the other(like in chart),
Moreover, when I minimize the navigator window, it shorten only first x-axis but not all, I want it to shorten all x-axes. The said issue can be observed in following image.
I was trying candlestick chart using highchart ( highstock ) and find out that when I increase/decrease Navigator in candlestick chart the width of candlestick get changed. Sometime it display high, open, close and low for one hour interval whereas sometime it is displaying for month. I would like to grab these dynamically changed candlestick width ( not the pixel width but the real time interval) and display them in the chart title. Is there anyway I can get these information and update them dynamically in chart subtitle?
http://www.highcharts.com/stock/demo/candlestick
Thank You
What you are seeing are the effects of plotOptions.series.dataGrouping (API Reference) where the data is grouped and values are approximated to display the data faster. If you look at the example for units on the above linked page you'll find that you can determine and set what those groupings are. The grouping isn't truly dynamic, it's predefined.
I have the following charts where the series data is an array of config objects:
enter code herehttp://jsfiddle.net/AANAB/
http://jsfiddle.net/AANAB/1/
Try changing the chart type to pie.If you observe now three series will be shown.Why does the column chart consider this as one series and the pie chart as 3 series? My requirement is to be able to render the column chart and pie chart as three separate series for the same given data. Is this possible?
First and foremost thing,
pie and column are 2 completely different types of charts.
column can be said as a graph, and pie as a chart.
column chart has 2 axes namely x and y while pie is distributing the area proportionally.
there is no mistake in this one. they are rendered properely.
For pie chart the structure accepted is
{
name: name of the slice,
y: value of the slice
}
each slice has its own name like the xAxis categories we provide for column chart.
the Y has the value is common for all the highcharts.
so here what i recommend is to maintain the datasets differently for both column and pie to get what you have required.
All works properly, in pie chart you have different colours, only, so you can set the same color then you achieve the same effect as in columns.
I can't seem to show the series with empty data into my highcharts. I have some check-ins in a graph for each of the 7 weekdays. But when a day doesn't have data, it's hidden. What I would like to do is show the label of the empty serie on the x-axis (print the weekday name). I tried to populate my data with null values, using different options for highcharts, ...
I also can't set the color for the columns, I tried setting it to gray but that doesn't work.
Here's a demo in JSFiddle
You can set min and max for yAxis, instead of minPadding and maxPadding, take a look: http://jsfiddle.net/tgZcc/21/
I am trying to use the highstock graph. I want to update the xAxis labels according to the range which is selected from the rangeselector. eg. if it's a 1-year graph, i want the ticks to be at the end of each month with labels as Jan-12,Feb-12 etc.(by default it shows each month as the beginning of that month). And if it's a monthly graph i want the labels to be positioned at each friday ie. at an interval of 7 days.
Is there a way i can dynamically change which labels are displayed on the axis based on the extremes?
You can use tickPositioner (http://api.highcharts.com/highcharts#xAxis.tickPositioner) or formatter to change labels name http://api.highcharts.com/highcharts#xAxis.labels.formatter