score:23
Based on the reference example you linked to, you can do this with the new series 'linkedTo' property in version 3.
http://api.highcharts.com/highcharts#plotOptions.series.linkedTo
updated example: http://jsfiddle.net/jlbriggs/6gw5P/2/
linkedTo:':previous'
score:0
You can't group the legends by stack, because then you'll lose the ability to identify the different components (IE either the individual series won't have a distinct color or the legend color won't match them). The legends map to the people because those are all distinct data sources and since you add them that way it displays them like that.
If you don't care about the different components having a distinct color, then you don't want a stacked bar chart at all. You can just have a normal bar chart with 2 series, male and female.
series: [{
name: 'Male',
data: [10, 7, 8, 9, 7]
},
name: 'Female',
data: [5, 5, 10, 6, 4]
}
}
score:0
You can link series using ids and linkedTo
. In the example below, the first serie is linked to the second:
series: [
{
type: 'column',
name: '',
data: [],
linkedTo: 'second_serie_id', // <--- this
color: '#DE3733',
pointWidth: 1,
showInLegend: false,
},
{
id: "second_serie_id", // <--- this
type: 'scatter',
name: 'FFT 1',
data: [],
color: '#DE3733',
lineWidth: 0,
showInLegend: true,
states: { hover: { enabled: false } }
}
]
score:1
I know this is an old issue, but setting showInLegend on your series, will work, and seems the easiest way.
showInLegend: false
Eg:
series: [{
name: 'John',
data: [5, 3, 4, 7, 2],
stack: 'male',
showInLegend: false
}
Source: stackoverflow.com
Related Query
- Grouping Legends in Highcharts
- Grouping Legends in Pie Chart with Highcharts
- Grouping a stacked bar chart in Highcharts
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts - Global configuration with common code and unique data & Headings
- Adjust Highcharts data grouping based on range selector
- Can we draw custom legends not based on series in highcharts
- HighCharts Stock Chart error code 18
- highcharts change rendered image source on click
- grouping date in Highcharts if the date range is too big
- How do i add mouse wheel code in Angular2 highcharts in typescript
- Custom styles on Highcharts legends
- Using connecting legends for two Highcharts pie charts
- how to display 2 same highcharts without duplicate the code
- Highcharts stacked columns with Y Axis grouping
- Use of DotNet HighCharts dll to make charts in code behind
- How to display Highcharts legends with their corresponding chart?
- highcharts stacked column overlaps when toggling the legends visibility
- How to edit tooltip in Highcharts C# code
- what means ${demo.css} in example files of highcharts ? That piece of code seems to be literal
- Highcharts multiple legends
- passing json values to highcharts from .net code behind
- how to use highcharts tooltip formatter in python code
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts how to create legends based on the value of points
- highcharts grouping with overflow
- How can I get a chart only with legends using highcharts
- Highcharts display label for pie chart using html table as data source
- Simple, Open source PHP wrapper for Highcharts library
- Highcharts JS remove tips & squared legends for linear chart
More Query from same tag
- Converting DateTime to EPOCH time is returning a new Date
- Highcharts polar spider with Min and Max for each y-axis
- Can't detect click function HighCharts plotLines & plotBands.events
- Highcharts add line-through to legend text when hidden (itemHiddenStyle)
- Highcharts Plot two datetime series on top of each other
- Highcharts legend alignments
- Highcharts - Performance issue using chart with x values date and TIME
- Drawind Dynamic series and points with Highchart and ajax
- Highmaps choropleth showing unique color/ Highmap not seeing the value field in the data
- How do I manage the imports in Angular correctly?
- Is there any way to show the summation of area charts value in highcharts without using a line chart? I would like to know other alternative
- How to align category labels on xAxes in Highcharts.js
- Highcharts bar chart animation only working on 1 series
- highcharts export server js script error codes
- Highcharts - How do I dynamically change Marker radius when zooming?
- Dynamically replace plot bands
- Highchart Click Event
- Highcharts on click show larger graph
- Is there a highcharts way to sequence series by serie types?
- stop data being added with radio button highchart
- php to highchart, how to send the right array?
- Changing Highcharts label and sorting x-axis using Django-chartit
- HighCharts - bar chart with indicator
- Add highcharts plotband after render in R shiny/rcharts
- How to select right chart for your data
- Customise Highcharts Pie Chart Selection State so that slice does not animate out when selected
- Parsing Json to render multiline highstock charts using Javascript
- Highcarts Space between number If the value is exceed 1K
- Pass data to Stacked Column Chart (Highcharts Framework)
- How can I use an angular component more then once?