score:7
spacingbottom is what you need to add, and also you need to take care of the offset:
chart: {
events: {
load: function () {
var label = this.renderer.label("how do i move this center and under the legend.")
.css({
width: '450px',
color: '#222',
fontsize: '16px'
})
.attr({
'stroke': 'silver',
'stroke-width': 2,
'r': 5,
'padding': 10
})
.add();
label.align(highcharts.extend(label.getbbox(), {
align: 'center',
x: 0, // offset
verticalalign: 'bottom',
y: 50 // set the right offset
}), null, 'spacingbox');
}
},
renderto: 'container_chartfreqatatailnum',
type: 'bar',
height: 895,
spacingbottom: 100 // the space between the bottom edge of the chart and the content (plot area, axis title and labels, title, subtitle or legend in top position).
}
here is the fiddle: http://jsfiddle.net/umbhf/1/
Source: stackoverflow.com
Related Query
- How do you add text to the bottom center of legend and bottom center of chart under legend?
- How do you increase the performance of highcharts chart creation and rendering
- How to add text to the bottom of a Highchart, but above the legend?
- How to use add series and update methods in the high chart wrapper for angular?
- put the highchart legend to the bottom of the chart and horizontally centered
- How to center highcharts pie chart and legend on a page?
- How can you have more than 10 colors represented in the graph and legend in highcharts?
- how to add text in top,left and bottom in funnel highcharts
- How can I add a text link just below the legend box in highcharts
- How could you supply multiple series to a line chart in R shiny using highcharter package and without hardcoding the series?
- Highcharts: How to add a text panel on the side of the chart area
- canvg and highcharts how to include chart legend and keep the chart size?
- How to remove default Hover text and display the custom text title on hover Donut chart Highcharts
- How do I enlarge the pie chart and shift to the center
- How do you reduce the space between pie chart and legend? (highcharts.js)
- How to make legend labels to bring out the series of a pie chart and not make them disappear when label is clicked in HighCharts?
- How to center the title text in pie chart highchart?
- How to add a line at the bottom of a column chart in highcharts
- How to add the text boxes at bottom of the Highchart?
- How to display legend in Highcharts Waterfall Chart and make the sum column of waterfall appear in multiple colors?
- How to use the tooltip formatter and still display chart color (like it does by default)?
- Highstock: When legend under the chart has many items, the chart height is small. How can I fix the height?
- How to add space between chart and axis in highcharts
- How to Check and Uncheck all the Legend elements in HighCharts Linechart?
- how to center text inside donut chart embedded in combination chart
- How do I reduce the space between title and chart of a High Chart?
- How to dynamically add point placement and point padding in fixed column chart (highcharts)
- How to set series-label to false by default and change the color of series label text in highchart
- How to add Legend in highchart compare stock chart
- How center the value 0[threshold], the line which separates positive and negative value?
More Query from same tag
- Rails: Loading Highstock using while loop not working
- Use MySQL data as the chart data for the cakephp highchart plugin
- Exporting HighCharts chart specific height width
- Converting Poloniex API Callback JSON into format suitable for Highcharts.Stockchart
- highcharter: how can I customize the labels on a column plot
- Highcharts - chartanimation step by step
- Cannot dynamically update highchart in javascript
- Reduce space between stacked bar in Highcharts
- Updating a highchart line using a button
- Highmaps: Panning programmatically
- HighCharts missing data points on line chart
- Highcharts sort stacked bar
- Highcharts custom legend SVG symbol does not fade when you click to turn off series
- Highcharts minimum value for area charts y-axis
- Can you remove specific grid lines and point labels using highcharts without css?
- using dynamic data from highcharts in a html table
- Highchart -change posistion of yaxis title
- Correctly plot time series in Highcharts/Highstock
- chart not showing when executed in c#
- Highchart pie vertical legend align right not pinned to plot correctly
- Convert javascript datetime object to the format acceptable by highcharts Date.UTC(2014, 0, 2)
- How to combine values of objects with common key in JavaScript?
- how to get geojson of mainly cities of all of country of the world
- how to make multiple highchart graph in R?
- Highlight a range of Y axis in highcharts
- Highstock \ Highcharts. Combine line and percentage charts?
- How to plot multiple lines in a single graph using HighChart with JSON
- Chart using highcharts and Json asp.net MVC
- How do I style the series labels on a Highcharts pie chart?
- How to get data for series and categories in highcharts-convert.js from mysql