Is it possible to display a Pie chart using the Highcharts library with a legend? I don't see a Legend option for Pie charts.

Looking to do something similar to what Highcharts shows here: https://www.highcharts.com/demo/pie-legend

Hi Aleksander,

Thanks for the reply!

For anyone stumbling across this with a similar issue, I actually was able to enable the legend across all pie charts by creating my own Highcharts Theme and calling the newly-created theme object after all the wpDataTables scripts load. This felt cleaner and more sustainable since we're only using Highcharts at the moment.

However, I'm now trying to change the formatting of the Data Labels and alignment of charts Titles using the method you described and am having trouble (code below).

1. The Data Label formatting is not working. Any advice?
2. How would I make the below code run regardless of Chart ID? I want the code and styling to be applied for every chart.

   jQuery(window).on('load', function(){
          if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[5] = function(obj){
       obj.options.plotOptions = {
         pie: {
           dataLabels: {
         format: '<b>{point.name} FFF</b>: {point.percentage:.1f} %'
           },
         }
       };
       obj.options.title = {
               align: 'left',
       }
    }
    });

Hi again,

I just realized why my callback script wasn't working: I was calling it at the bottom of the page. Calling the script before the charts rendered made it work.

I'm still wondering how I could adjust that callback script so that it could be applied to all charts (not just one with a specific ID). Any advice?

Ah, alright. I think that would be a helpful feature in the future!

Also, I downloaded the updated ChartRender files in your previous reply. Will I need to replace the files the next time I update the plugin? Or can you tell me if the next release will contain those updated files?

Thanks!

Thanks, Aleksandar!