score:6
You'll have to set the width
setting of chart after initialization. After initialization, Highcharts only adapts on a resize event (try it out, if you resize the window it will change width), so you might want to trigger an resize event.
Here is a jsFiddle (ab)using a resize event: http://jsfiddle.net/b9DMn/1/
Highcharts does automatically gets the width of its container when its creating its chart, but if you put a breakpoint there you'll see that the table cells are still divided equally at that point in time. In fact, it is the chart that triggers the table to grow the right cell. If you can fixate the cell width, that would probably help too.
Here is a jsFiddle fixating the width of the cells, so they don't grow and shrink when content gets added: http://jsfiddle.net/b9DMn/2/
Source: stackoverflow.com
Related Query
- Highcharts + Bootstrap .table-responsive issue
- Highcharts display label for pie chart using html table as data source
- Issue on Drawing Highcharts From Selected Row Table
- HTML table as data source for highstock charts using highcharts
- highcharts dynamic spline with fluid size issue in table
- Highcharts cloud issue with data source when duplicating chart
- Use HTML class as Highcharts table data source
- Responsive Highcharts not sizing correctly until window resize
- Highcharts - issue about full chart width
- Styling bar colors in Highcharts with a gradient issue
- HighCharts full width issue
- jQuery UI Tabs and Highcharts display/rendering issue
- Highcharts won't fit in Bootstrap 3 modal body
- Highcharts data series issue with ajax/json and PHP
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts - HTML tooltip & datalabels render issue
- Library duplication issue using Highcharts in Jaspersoft Studio
- Highcharts multi y-axis min-max issue
- Highcharts - Issue with negative values when displaying multiple axes
- highcharts and canvg scaling issue
- highcharts graphs in bootstrap tabs are not displaying properly
- Issue Dynamically Changing HighCharts Chart Title
- Highcharts spans beyond bootstrap column width when implemented as an angular directive
- Highcharts yAxis text rotation issue in IE8
- HighCharts Rendering Issue In Chrome
- Use Twitter Bootstrap popover with Highcharts
- Highcharts zoom issue after upgrading to jQuery 1.8
- How to make a pie chart from highcharts responsive
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts - Global configuration with common code and unique data & Headings
More Query from same tag
- Highcharts categories adjust yAxis.labels.y to bottom of lane
- How to space columns in HighCharts
- React-highcharts: I have "renderer" problem and I need a way to update "state" upon function call
- How to change size of bubbles in Highcharts' 3D scatter chart?
- how to create array object use jquery
- Highchart legend over columns
- Step serie for navigator
- Highstock highcharts irregular data gets wrong x-scale
- "viewFullscreen" menu item is not showing in the context menu of highcharts 6.2.0
- Highchart - Datalabel overlaps across slices
- How to change json jackson format for highcharts json
- How to get Node Coordinates Data in Sankey Graph
- Highchart Legend Alignment
- Highcharts show x-axis labels as weekly intervals
- How can I label days of month?
- highcharts tooltip usehtml doesn't work
- Setting additional data to Highchart series via <%= #{} %> works for integers but not Strings
- Error while plotting data in rchart using HighChart
- Highcharts, multi stacked bar with shared legend items
- High charts (in Spago BI) - How to allow duplicates?
- How to add image/icon to a chart in Highcharts
- how to position highcharts - highstock buttons properly?
- Performance issue with Firefox on Highcharts and Highstocks
- highcharts responsive method in Highcharts.net wrapper
- Create a HighCharts pie chart using JSON Data
- Highcharts yaxis negative values error
- Customize text stackLabels dynamically Highcharts
- Highcharts not rendering in Angular 2 when I use data from http.get
- Highcharts complex bar chart design with circular annotation or secondary legend
- Highcharts: struggling to understand axis padding