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 Query
- 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
More Query from same tag
- Is there a way how to dynamically create a plotline in highchart when the value is lower than previous one?
- Different color for plot outside range
- Automatically zooming in on highcharts after loading
- Highchart StockChart - Update last point value
- JSF2, PrimeFaces, and Highcharts - Ajax
- How to write e2e test cases for highcharts-angular
- Is it possible to define an image map area by radial coordinates?
- Highcharts | Making multiple y axis scales
- Required help in JSON
- How do I add json data to custom flags in Highstock?
- how to reduce/increase gap between horizontal legends- highcharts
- How to know information about the clicked bar in highchart column r shiny plot
- Highcharts exceeding width of parent on Chrome only
- Disable legend item click in a Highchart defined as JSON
- not working to update node of network graph
- How to keep x-axis max value not changed in Highcharts?
- Different marker sizes in highcharts?
- Highchart js max 15 plots to be plotted
- Does Angular 4 supports highcharts-angular (Highcharts wrapper for Angular)?
- Highcharts 3D cylinder wiht ReactJS
- Highcharts customEvents plugin + Highstock Error
- Highcharts: Getting average values for selection in line graph
- searching for a string in multiple arrays with forEach
- Highcharts - How to set Pie Chart's background color dynamically
- Remove DateTime from Highchart's x-axis
- inner radius polar Highcharter
- multiple color axis for different parent groups of treemap highcharts
- Highcharts display series.name on X Axis
- Heat map with time line
- Highcharts: yAxis showing exponential values