Pie Chart Sizes

I’m using the Pie Chart widget for the first time. I have two pie charts, side-by-side in a table, both set to 15cm height and width. The left chart plots two data points, the right chart plots 4. The right-hand pie chart is much bigger than the left-hand chart. I can size the DIV, but how do I control the size of the chart itself? I’d like them to be the same size.

It could be that the chart is scaling to fit the legend, maybe? Can this behavior be altered?

EDIT: I’ve also noticed that the interface and choices when you create a PIE are very different from the interface when you right-click to edit an existing chart. Colors, etc.

Hi @TDGreer,

The size of a Pie element can be changed by:

  1. Right click on the Pie Chart element
  2. Select the “Chart…” option
  3. Go to the “Pie” tab (Chart Properties window)
  4. And change the (Pie) Radius value

Please note that the same options are shown in the “pie” script–which will be added to the Standard folder in the Scripts pane of the Connect Designer–as the one shown in the “Insert Pie Chart” window, which will pop-up when you insert a Pie Chart (via: Insert > Business Graphic > Insert Pie Chart).

1 Like

The “radius” setting solved the disparate size issue. Thank you! Also, double-clicking the script did show more formatting options than right-clicking into “Chart”. However, I notice that the color settings in the script don’t apply if you have a “base color” in the Chart. Perhaps that’s by design.

Follow-up question: are the animations that are used in the Preview (when I click the script), available in the final output? There is an animation when the Preview first loads, and the preview is also interactive, clicking the various sections causes them to explode our or shrink/expand. That doesn’t happen in the final output either; the output isn’t animated or interactive. How do I achieve that?

Hi @TDGreer,

I assume that it is not possible to get the same animation in a Web Template as shown in the Preview area of the (Pie Chart) Edit Script window without making use of custom JavaScript code to animate this.

Then it isn’t really a “preview”, is it?

Hi @TDGreer,

Hereby I would like to share the following note which is about your second question:

Animations will not work in the output, even if the output is a web page. This is because the chart is generated on the server, not in the browser. To get animations to work you would have to implement a solution similar to the one described in this How-to: ‘Dynamic dashboard charts (link)’).

Source: ‘Business graphics - PlanetPress Connect 2021.2 User Guide (link)’