score:2
Accepted answer
Complete the categories as:
categories: [
'Tokyo',
'New York',
'London',
'Berlin'
]
then the stacking option as:
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
stacking: 'normal'
}
}
Then your data in series as:
series: [{
name: 'Tokyo',
data: [49.9,null,null,null]
}, {
name: 'New York',
data: [null,83.6,null,null],
}, {
name: 'London',
data: [null,null,48.9,null]
}, {
name: 'Berlin',
data: [null,null,null,42.4]
}]
Here you have the Fiddle:
Alternatively you can do it using only one serie, and putting all your data in the serie array like that:
series: [{
name: 'Measure',
data: [{y:49.9, color: colors[0]},{y:83.6, color: colors[1]},{y:48.9, color: colors[2]},{y:42.4,color: colors[3]}]
}]
});
With this last method you have to specify the different colors in the same serie. previously I declare and use a variable "colors", to get the colors from Highchart:
var colors = Highcharts.getOptions().colors;
The fiddle Example is here: http://jsfiddle.net/TU7TL/4/
Source: stackoverflow.com
Related Articles
- HighCharts Hide Series Name from the Legend
- remove series by name or id in highcharts
- Highcharts - How to hide series name and Y value in tooltip
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts - get visible series name dynamically
- Get axis name in tooltip on Highcharts
- Highcharts - Tooltip and series name are out of their boxes in chrome
- Showing HighCharts series name on x-axis and in legend
- How to remove a series in Highcharts by name
- Highcharts - how to create multiple y axis and group the data series
- Highcharts - Series tooltip doesn't work when plotting lines that zigzag on the x axis
- How to get Series Name Based on Selection in Highcharts
- Missing series name as label in highcharts heatmaps
- Highcharts datetime axis overlap with a long time series
- Highcharts - Add Series Name As X-Axis Label
- Highcharts X axis categories name gets only shows 1 character
- Treemap in highcharts display series name and value in treemap only
- Changing the name for 'categories' of x axis while implementing crossfilter with highcharts
- How to hide series name from tooltip in Highcharts scatter plots for linear regression
- Highcharts adding additional series and axis breaks existing yAxis min/max
- Highcharts Polar Chart - Specify Data Series & Tooltips for each Axis
- Highcharts single horizontal stacked bar chart with data names (labels) and %-ages always shown and data numbers and series name shown on mousehover
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- Highcharts series name with '<' not rendered in tooltip
- Highcharts - three series using left Y axis and the fourth using the right Y axis
- Highcharts series visibility with csv data source
- Highcharts overriding X or Y axis key for series data objects
- Highcharts Line Chart, display series name at the end of line series
- Using image tag as series name in highcharts
- How to have multiple highcharts with different series data in vuejs without repeating code
- Json is syntax-valid, but the HighChart won't display series correctly
- Incorrect JSON data format
- Highcharts - Dynamic enable/disable scrollbar
- Highcharts graph not visible
- Highchart legend based on unique series/names
- Show only first and last xAxis label in Highcharts
- Highcharts set numberformat for decimals as comma
- How to set border in column chart - Highchart
- Highcharts-NG is only listening to some of my chart config options
- Two highchart update issue
- HighCharts range area plot not working when plot is inverted
- How do I access series.data anywhere in .highcharts() function?
- Change Graph in the div using Drop Down List.
- Adding Highchartsevent after creation
- How do I make a Tornado Chart using Highcharts
- How can I optimize Highcharts.js zones?
- Divide X axis by Clickable Zones in HIghchart
- Highcharts Gauge: Adding Icons
- how to display charts/graphs based on user specific data
- Trying to provide a list of symbols (per series) for Highcharts line graph in iReport