score:2
Accepted answer
You can use two xAxis, like in the example: http://jsfiddle.net/sbochan/phtd7r1t/2/
xAxis: [{
offset: 15
},{
linkedTo:0,
offset: -76
}],
score:0
You could use some of the positioning options to achieve this. If the height is dynamic it might be a bit difficult, but for static height charts this approach should work fine.
First edit the yAxis[1].top
to be '73%'
(moving the "Volume" chart further down to create a gap).
Then offset your x-axis with xAxis: { offset: -81 }
to move it in between the two charts.
See this JSFiddle demonstration of the result.
Source: stackoverflow.com
Related Articles
- HighCharts - HighStock - Show Date for Candlestick & Volume
- highcharts / highstock column doesn't show all datalabels
- not able ot show date in x axis in highcharts
- Highstock Highcharts date time data on Xaxis
- Highcharts / Highstock Invalid Date Issue
- Strange character in the Highstock source code
- Highcharts - Highstock chart showing double line on hovering data points to show tooltip
- HTML table as data source for highstock charts using highcharts
- highcharts / highstock doesn't show markers after 500 pts
- How do i show Last seven days of a week from current date in area spline categories highcharts
- React: How to show correct date and plot data as Months in Highcharts
- Tooltip in Highcharts doesn't show the right format for Date
- HighCharts - Don't show line or change line style if date not reached
- Show TIME instead of DATE in Timeline Highcharts
- Show Date alongside OHLC values in candlestick chart
- How to hide date time x-axis but still be able to show plot lines in Highcharts gantt chart?
- show custom date on xAxis in highstock lineseries
- Getting numbers on Y-axis to show up as percentages with code from a Highcharts code generator tool?
- Highcharts highstock update date filter with javascript
- Highcharts - Resizeable y-axis as one for Candlestick & Volume chart
- HIGHCHARTS - Given a series with UNIX stamps and values pairs for the data, how do I show only the date for the first and last point on xAxis?
- Highstock charts - Show the blank space up to the current date
- Highstock highcharts irregular data gets wrong x-scale
- customize highcharts tooltip to show datetime
- How to show No Data Available Message in highcharts
- Highcharts - show every other x-axis category
- Highcharts How to Show Loading Animation At Set Data
- HighCharts show datetime format on xAxis
- Show only time labels on xAxis. Highcharts
- Highcharts Show x-axis on top
- Highcharts column + line combination chart with multiple series. Issue aligning line over the column
- HighCharts Stacked column
- How to update the HighCharts title using drill-up when there are multiple charts on same page?
- Highcharts, have all but first series turned off on chart load
- Highchart bar scaling
- present halo animation in Highmap
- Highcharts are not working through AJAX
- Load Highchart animation on scroll
- Loading Highcharts from MySQL using Java
- Highcharts bar chart with fixed bar widths and gaps
- Highchart Treemap - rounded edges
- Display additional informatin in the tooltip
- ionic 2 Uncaught (in promise): Error: Highcharts error #17: www.highcharts.com/errors/17
- How to show a column with the value Zero in Bar chart in Highcharts?
- Imported font and Highcharts JS export
- Can I lay two Highcharts series side-by-side?
- Highcharts streamgraph Y Axis Labels
- Parsing a JSON object of arrays gives different results in IE9
- Binding json result in highcharts for asp.net mvc 4
- how do you display only the latest poll data in highcharts