Settings and activity

1 result found

1. Pie Title

   11 votes

   Vote Vote Vote

   Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   1 vote 2 votes 3 votes Remove votes

   You have left! (?) (thinking…)
   6 comments  ·  Highcharts Javascript API  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close
   under review  ·  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) responded

   I created this small plugin that allows a pie plugin to be aligned using the regular Highcharts alignment options (align, verticalAlign, x, y).

   See http://jsfiddle.net/highcharts/tnSRA/

   An error occurred while saving the comment
   jcoleman commented  ·  May 20, 2015  ·  Edit…  ·  Delete…

   I made a couple of changes that display the title correctly for center and right alignment:
   /**
   * Pie title plugin
   * Last revision: 2012-12-21
   */
   (function (Highcharts) {
   Highcharts.wrap(Highcharts.seriesTypes.pie.prototype, 'render', function (proceed) {

   var chart = this.chart,
   center = this.center || (this.yAxis && this.yAxis.center),
   titleOption = this.options.title,
   box;

   proceed.call(this);

   if (center && titleOption) {
   box = {
   x: chart.plotLeft + center[0] - 0.5 * center[2],
   y: chart.plotTop + center[1] - 0.5 * center[2],
   width: center[2],
   height: center[2]
   };
   if (!this.title) {
   this.title = this.chart.renderer.label(titleOption.text)
   .css(titleOption.style)
   .add()
   }
   var labelBBox = this.title.getBBox();
   if (titleOption.align == "center")
   box.x -= labelBBox.width/2;
   else if (titleOption.align == "right")
   box.x -= labelBBox.width;
   this.title.align(titleOption, null, box);
   }
   });

   } (Highcharts));

   Save Submitting...