Display Sum in Chart

I’m attempting to modify my charts to export the SUM of the slice when exporting.  

I have a pie chart that shows the various products a customer has purchased. I have a series that sums the revenue and then splits it up by name.

This is great for when the user is viewing the chart in skuid, but when they export it, the SUM values are not displayed since it ONLY displays on mouse over.

I attempted to modify the code from this post:

I can’t seem to figure out how to display the split. I can get it to display the total for the series but not by slice.  

How do I modify the following JS snippet to display the sums of the individual slices and not the sum of all slices? 

var chartObj = arguments[0],<br /> $ = skuid&#46;$; $&#46;extend(true, chartObj&#46;plotOptions,{ pie: { dataLabels: { enabled: true, formatter: function () { return this&#46;point&#46;name + ' ' + this&#46;point&#46;total; } } } }); $&#46;extend(chartObj,{ tooltip: { enabled:false } });

Does anyone have any ideas on this?


Is this what you are trying to do: show values on the different slices of a pie chart?

If so, here is what the back end looks like:

Create a JavaScript resource on your page, here I named it ChartSnippet:

Here is what the Snippet Body has in it:

var chartObj = arguments[0], $ = skuid.$;
$.extend(true, chartObj.plotOptions,{
pie: {
dataLabels: {
enabled: true,
formatter: function (){
return this.point.name+ ’ $’+this.y;
tooltip: {

Call on this snippet from the chart:

Let me know if this works or not for you.