Need help with Chart formatting: labels, export

  • 2
  • Problem
  • Updated 2 years ago
  • In Progress
The first picture is of the chart existing on a list page. How do I fix it?
The second picture is when I export that same chart. How do I fix it?
On a related note, how can I get "(SUM)" to not appear on every grouping?


Photo of Brandon

Brandon

  • 306 Points 250 badge 2x thumb
  • apprehensive about buying this product.

Posted 2 years ago

  • 2
Photo of Gregory Smith

Gregory Smith, Employee

  • 304 Points 250 badge 2x thumb
Brandon, it looks like you are doing aggregation on the series.  If so, it will the add aggregation type to the label.

If you need to go beyond the defaults offered in the chart properties, you can use javascript to customize the charts.  For instance, you can create a snippet and add it to the 'Before Render Snippet' parameter on the Chart's Advanced tab:

Here is a quick and dirty fix in a javascript snippet:

var chartObj = arguments[0],
$ = skuid.$;

    $.extend(true, chartObj,{
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    formatter: function () {
                        return this.point.name.split('(')[0] + ' ' + this.percentage.toFixed(2) + '%';
                    }
                },
                showInLegend: true
            }
        },

});
Photo of Brandon

Brandon

  • 306 Points 250 badge 2x thumb
That's great! Thank you. Is all the documentation for this on highpoint?
Photo of Brandon

Brandon

  • 306 Points 250 badge 2x thumb
Also, what about the visual corrections to the pictures above?
Photo of Gregory Smith

Gregory Smith, Employee

  • 304 Points 250 badge 2x thumb
I couldn't reproduce this exactly, however if you share your XML, I might be able to put some ideas together.