Well, good people, I kinda figured it out myself... for the possible benefit of others; my solution was to set the width of the two first columns fixed (or rather; max-width), and thereby using calc to calculate the size of the third columns with minus the two fixed width divs.
width: -webkit-calc(98% - 520px); width: calc(98% - 520px);
For the Highchart part of the question, much thanks to @Pawel for prompt answer. I haven´t entirely worked it out, as we are currently discussing whether using Highcharts or not is the way to go. If so, I guess I might be back with more questions later.
Highcharts will resize only when window is resized, if you want to resize chart use
chart.setSize(w,h), see reference.
- Twitter bootstrap & Highchart: horizontal scroll, responsive
- highchart is not displaying in django twitter bootstrap
- How to change the font family of Highchart to Bootstrap css default font family
- Use Twitter Bootstrap popover with Highcharts
- How to align HTML span at center of highchart donut graph with responsive design?
- horizontal scroll bar in highcharts
- Group series names in columns in highchart horizontal legend
- Highchart library and responsive design
- Keep Scroll on the Right Highchart
- Highchart data rendering underneath Bootstrap Popover
- Unable to make my highchart responsive in angular 5
- how to make above highchart graph responsive on window resize?
- how to remove scroll bar in drill down highchart
- Responsive Highchart legend position
- Highchart Solid Gauge Responsive
- How do I set the highchart gantt headers as fixed when I scroll vertically
- How Can we display blocked area for particular timeline in horizontal bar in gantt highchart
- Responsive Line Chart using High Charts & Bootstrap 3
- Highchart is not showing inside bootstrap div
- centering text in highchart pie on responsive
- Strange character in the Highstock source code
- How to add horizontal scroll in Organization chart highcharts?
- Why does my Highchart look different when I transfer my code from Jsfiddle to my server?
- how to create a responsive custom label in highchart
- Highchart - highstock scroll out of sync with zoom
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- Load Highchart animation on scroll
- Responsive Highchart within draggable/resizable Panels using GridstackJS
- Column based Highchart drilldown series assign color code to each column
- Highcharts horizontal scroll
More Query from same tag
- Highcharts heatmap chart labels render extremely slow
- Highcharts Sunburst Chart Drillup
- Using colour and shapes together in legend
- Dynamically change hover enabled option
- Highcharts area range series change plotting area dynamically
- Highstock title and subtitle overlap
- Highcharts dynamically change bar color based on value
- How to get the array format to function on x axis labels?
- Highcharts custom colours
- Wrong labels on X axis on Highcharts
- Highmaps svg path issue - Data not flowing into certain counties on US map
- Column rang chart is not getting reset when click on legends in highcharts
- Highcharts adjust first and last tick on x-axis to direct values
- how do you set the yaxis values in highcharts
- How to create highlight area under curve in high chart?
- Data From Ajax Response Can't Be Loaded In HighChart
- How can I get every bar in different colour using Highchart?
- Highcharts jumping a whole month
- Highcharts dynamic data from an Api
- Highcharts area graph animation on setData
- jquery highcharts multiline mvc asp.net
- Made dynamic highstock with PHP data
- Loading Highcharts with require.js
- Highcharts Line Chart - Some categories are not visible
- How to display total number of comments in high chart on each plotted point?
- Deleting a record with AJAX in Rails 3
- Multiple Axes on a Highcharts Heatmap
- Show Highcharts Pie Slice Name onhover
- Highcharts - Even tick with uneven spacing