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
- how to solve highstocks error #15
- Dynamic add series and categories for highchart drill down chart
- Highcharts Crosshairs not working
- Show Indicator at last point on Highchart spline chart
- How to add line which runs through origin (from positive to negative) on a scatterplot - highchart
- Highchart dates do not work for some data series
- Highcharts guage stop datalabels animations only
- Highcharts: Y axis label formatter
- White lines between heatmap cells when zooming in (browser zoom)
- jquery display 2 series hightchart from database
- High chart with diffrent series data
- Resize Highcharts chart in Angular UI Modal
- Pie chart -custom event for legendItemClick-highchart
- HighStocks Series Data format
- Selectable axis labels on highcharts
- resizing and positioning issue with gridster and multiple highcharts
- Drill Down (Highcharts) not working in Angular 5
- Highmaps: Need to get unplotted data
- Highcharts read text file
- Change the font size and orientation of Highcharts Gantt X-axis labels
- Highcharts Error #16 But I'm not using Highstocks
- Unable to do any other action than "alert" when triggering the click event on Highcharts (React Native)
- Highcharts solidgauge : How can I disable gradient fill?
- JSON parse or removing double quotation in data getting form model or database in rails
- How to let user know that a Highcharts chart is clickable?
- Highcharts PIE chart series color doesn't change
- Highcarts: Hide xAxis categorie when serie is not visible
- HighCharts. How to dynamically set ticks and display labels relative to text in labels?
- Updating Highchart Series Data with Formatted AJAX Return
- Highcharts: Legend not show