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
- Error while adding and removing plotLine on highcharts
- couldnot connect apache-zeppelin to highcharts error : value seriesCol is not a member of org.apache.spark.sql.DataFrame
- Generating random data at 1 minute intervals: Highcharts
- Inner Margin on Highcharts Graph
- Highcharts passing variable to tooltip
- Highcharts and Ajax using php
- How to enable Highcharts scrollbar?
- Does highcharts (or vaadin) have built-in abilities to use an algorithm like Ramer–Douglas–Peucker?
- How to display maximum and minimum value on the basis of date selected in High Charts?
- Indicate an important date on a chart with either a guideline (with text) or an opened callout
- Highchart series from JSON array
- how to get last value shown yAxis highcharts
- how to truncate the stackLabels on yaxis for a stacked Grouped column highchart
- In Highcharts, how to move annotations along with the chart when it changes?
- How to show the name of which slice is clicked in high chart-piechart
- HeatMap or ColumnChart ideas for multi-category datetime data
- Issue having blank graphic in Highchart script
- Gauge highcharts is not resize with ionic 2
- Dynamic width for each column if value is 0 in highcharts
- Highchart series style on button click
- Highcharts - advanced tooltip functionality needed
- Gauge chart Highchart dial style issue
- HighCharts how to add live series data set to existing chart
- AngularJS and angular-translate: Using the translate filter in an object literal
- Timezone on Highcharts
- Highcharts contextButton color
- Highcharts conflict with extjs
- Highcharts - Display Marker Icon on Single Value
- Controlling Highcharts bar chart look and layout
- Highcharts not showing value when two stacked columns have value = 1