How to display stacked bars in combination with normal bar in Highcharts? - highcharts

I have three values, two of which should be combined to a stacked bar, and the third just as a normal one. How would that work in Highcharts? I read the data from a CSV file.
Here is the link to the existing graph. The "Nutzung" and "Absterberate" should be combined, the "Zuwachs" should be a single bar.
Thanks for any hints!

Set in plotOptions stacked: 'normal' and then for each series you can define stack see: http://api.highcharts.com/highcharts#series.stack

Related

Highchart fill area only between two series

Here is chart http://jsfiddle.net/erzLp3n9/2/
I need to remove color as this image is seems
this image
I have two different series.
I do not want to use area-stacked and arearange because that two different series is dynamic.
I had try by this http://jsfiddle.net/erzLp3n9/3/ but not working
By using negativeFillColor you can color the area if it is negative, which seems to be the problem with your second example.
See this fiddle.
Where I set plotOptions.area.negativeFillColor.
If you are wondering why they don't look like the same color, it is because the top one is 75% opacity, see Highcharts API.
Could you explain exactly why you do not want to use stacking? This option along with setting color of the second series to transparent gives desired effect.
API Reference:
http://api.highcharts.com/highcharts/plotOptions.series.stacking
Example:
http://jsfiddle.net/xhx34mvg/

Core Plot advice - Best way to make a pie-like bar chart? (% of total)

So I'm trying to create a bar chart similar to this:
(source: instantshift.com)
Is there a nice way to do this in CorePlot? If not, should I just plot two bar plots? One of the data values and another with 100%? and try put them on top of each other?
Use two bar plots. Give one a base value of zero (0) and the other a base value of 100. Give them both the same tip value for the same index. That way they don't overlap but the ends of the bars butt up against each other.

Gap between two bar graphs using Highchart

Is there anyone know if this kind of graph is available in Highcharts? See image below
I can't find a way to have a gap "idle time" between the two bar graph in period of time.
Thanks in advance!
How about using just one more series, which isn't displayed in legend, but have white background and enabled dataLabels? Isn't that working?
Simple example using columnrange series: http://jsfiddle.net/R5qLB/1/

How to fill area between two serieses in Hightcharts?

I would like to fill the area between two serieses (when serieses cross each other). See below. I tried the 'arearange' chart type but it filled most of the chart with solid colors. I saw a similar question but I wanted to know if Highcharts supports what I want or I have to use the solution posted in that question.
Chart now:
What I want:
type:'arearange'
You need to use three series, first / second as lines, third as arearange with defined values.
Related topic: How to fill the Area between two series with multiples yAxis in HighChart?

Changing the contents of Highcharts legend

When using Highcharts, is it possible to change the contents of the legend to display something other than the series?
For example, I have a scatter chart with just one series but with many elements, so that the element labels obstruct one another and are illegible:
Would it be possible to use the legend to display the element names instead of the series? (each member in the series has a different color so that it is possible to use the legend in this case)
EDIT:
It turns out there isn't any good way to do this, so I wrote my own custom legend. You can find the code here: http://pastie.org/5115536
I hope you find it useful
Highcharts allows to show data points instead of series name in the in the legend. But, Unfortunately its only for Pie charts type:pie.
There is a default option available for the Pie Chart though undocumented in the API.
legendType: 'point',
If you try to set it for other type of chart, Legend does not gets rendered.

Resources