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 Query
- HighCharts - HighStock - Show Date for Candlestick & Volume
- HTML table as data source for highstock charts using highcharts
- Tooltip in Highcharts doesn't show the right format for Date
- 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?
- Highcharts graph X-axis label for different date ranges
- Rails - convert date string into javascript date object for highcharts
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- highcharts / highstock column doesn't show all datalabels
- How to show 0 for incomplete Series in Highcharts
- How To Show All Data Labels For Datetime Axis In Highcharts
- Highcharts - Column chart with empty columns for date in x-axis
- not able ot show date in x axis in highcharts
- highcharts dataLabels support RTL with enable hover it for show tooltip
- Highstock shared tooltip multiple series - show data for line when not on point
- How to make legend color show up in Highcharts for a line graph under certain conditions?
- Highstock Highcharts date time data on Xaxis
- Show special symbol for each series in category in highcharts
- Why does this Highcharts graph only show tooltip for the first and last nodes?
- Column Chart Show datalabel for null values - Highcharts
- Highcharts gantt chart : Task progress indicator need to show a single task for various status like completed,inprogress etc with different colors
- Highcharts show max., min., and average for each serie in legend
- Highcharts / Highstock Invalid Date Issue
- Show Data For Grouped Series in ToolTip Highcharts
- Highcharts for multiple plot lines each with a different color and show tooltip?
- Highcharts display label for pie chart using html table as data source
- Simple, Open source PHP wrapper for Highcharts library
- Not able to show minimal height for a bar in highcharts
- Strange character in the Highstock source code
- Highcharts - format date for x-axis as well as autoscale (data from mysql)
More Query from same tag
- Integrating Highcharts into an Ember Application
- Highcharts missing first date label on xAxis
- How to add comma in stacked column highchart in indian format?
- Highcharts datalabel 'callout' shape not working for donut chart
- tickmarkPlacement 'between' doesn't work
- Unable to get highcharts image from highcharts export server using rails httparty
- jQplot with tooltip for the peak value?
- Highcharts - async drill-down in tree-map with thousands of items
- Vertical line within bars of a stacked bar chart using recharts or highcharts
- how push some elements of an array to another
- Highcharts: Get visibility of series after legendItemClick
- highcharts and wordpress
- Including jquery and highcharts library
- Highcharts: Is it possible to display series with the same name in different columns?
- Correction chart view with Highcharts
- a multi line graph in highcharts
- Highcharts - Different Marker for Each Point of Area Plot
- Highcharts: Display average hour values from a series of quarter-hourly values
- Making a node_module global using Webpack 2
- Extracting chart coordinates from touch events for custom HighCharts interaction
- highchart - how to encapsulate multiple series to one series as their parent
- Highcharts column chart - transform columns manually after render
- Highcharts arearange draggableHigh and draggableLow not working
- How to disable Datalabels in Navigator
- how to show data json to 2 different highchart bar
- How to give proper number denominations in highcharts buuble chart
- Highchart: show seconday y-axis tick positions 0 to 12
- highcharts polar chart with gradient color fills
- Angular Highcharts dynamic x-axis not working
- Remove over all line in plot