score:13
you have a lot more control over the labels if you turn on usehtml.
xaxis: {
categories: ['short name'],
labels: {
style: {
width: '100px',
'min-width': '100px'
},
usehtml : true
}
}
you'll also probably have to set a min and max for the yaxis to keep the data in proportion.
fiddle with the yaxis max set: http://jsfiddle.net/lcyww/6/
score:0
adding the marginleft
property inside of chart worked like a charm for me.
chart: {
type: 'bar',
marginleft: 200
}, ...
score:5
also consider, using the chart: marginleft property to set a fixed width for the labels:
$(function () {
$('#container').highcharts({
chart: {
type: 'bar',
marginleft: 160
},
// ...
})
});
this preserves the other behavior of the chart, e.g., alignment of the labels. also see this question.
Source: stackoverflow.com
Related Query
- Highcharts - Bar - Setting the X axis width and the chart area width to be constant
- Highcharts AreaSpline - Adding padding in between the chart and plot area
- Is it possible to have two Y Axis in a highstock chart from highcharts one on the left and another on the right?
- Highcharts multiple x axis and yaxis. The width of the 1st x-axis is not in sync with browser resize
- Adding space between the line and the fill in a Highcharts area chart
- realign Labels inside and outside the bar chart on highcharts
- Parsing CSV and then Using the Data to Build Highcharts Bar Chart
- Setting the width of a single bar in Highcharts
- How do you increase the performance of highcharts chart creation and rendering
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Using Highcharts and displaying a message over or on the chart when there is no data
- How to add space between chart and axis in highcharts
- Highcharts Bar Chart - How to set the minimum bar width/length
- Highcharts - How can I remove starting and ending padding from area chart
- Highcharts blank chart with x and y axis
- Setting Highcharts x axis label's width
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Simple bar chart in jQuery HighCharts and MVC 2 application?
- Highcharts - Area Chart - Stacking with series containing negative and positive values
- Distance between x-axis labels and the chart in Highcharts
- HighCharts - Show categories in x axis intead of the value of x in Bubble Chart
- Highcharts bar chart with fixed bar widths and gaps
- Why is the first label on highcharts bar chart missing?
- Ordering the stacking in a highcharts bar chart in R
- Highcharts - how to create multiple y axis and group the data series
- Highstocks chart multiple pane width and y axis alignment issue
- Get the end points of each bar in a highcharts column chart
- plot area width and height in HighCharts
- Make single bar in highcharts the width of the container
More Query from same tag
- IE 6 Export Menu size issue
- Highcharts - how to dynamically disable plotBorder without recreating a chart
- Highchairs how to prepend HTML to legend
- Why HighChart hangs browser?
- How to make the full million value show up on y-axis and tooltip (Highcharts)
- highcharts: individual serie shift
- Reversed bullet chart in Highcharts
- Highcharts bad rendering with slightly big numbers
- 'Round' gradient on highcharts stacked column to appear as a cylinder
- How to toggle legend layout in highchart
- High charts draggable not working for log scale
- Chart with different colour for each cell
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highchart - Tooltip prevents click
- Highcharts - Add bar graph to a pie chart
- Vue.js - Highmaps - Redraw map on series change
- Angular adding single quotes and variable to the component.html not reading the variable and quotes
- how to add dashed border on highcharts "area" graph for every point
- How to center chart title position dynamically inside pie chart in highcharts
- Display overlapping ranges in columnrange chart stacked instead of overlapping
- Highcharts : Custom legends in boxplot chart
- Modify the text of Range selector in high stock
- Highcharts highmaps points not plotting when second chart loaded
- Update Series Array on HighChart after editing the chart
- Highcharts: getting blank chart with JSON
- Highchart reversed column data labels
- Get Value of visibility of series
- highcharts x-axis is displaying the wrong data
- Dual Axis in Highstock?
- HighCharts - HightStock inverted axes with scroll navigator