Sorry for the delay in posting this answer. I decided to
not use
OEH technique and instead used the standard
IOL technique to implement this demo.
View [Record ID#] = 1https://haversineconsulting.quickbase.com/db/bnn72zwa8?a=dr&rid=1Add New Recordhttps://haversineconsulting.quickbase.com/db/bnn72zwa8?a=nwrPastie Databasehttps://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=653Notes:(1) Fee free to create a record with four numeric values for
[North], [East], [South] and
[West] representing sale prices or quantities. When the record is saved a
Pie Chart will display,
(2) The
Pie Chart is based on this Highchart demo
https://www.highcharts.com/demo/pie-basic(3) QuickBase uses the
requirejs module loader library to load its JavaScript libraries on demand. This is the essential code that you need to use to access
Highcharts in your own customizations
require(["highcharts"], function(Highcharts) {
// access Highcharts variable
});
(4) You may notice slight differences in behavior (eg color scheme, sector highlighting) between QuickBase generated Pie Charts and this demo which was modeled after a Highcharts demo. All of these behaviors can be controlled to your liking using the appropriate Highchart configuration option.