Hello,

I need to edit the tooltip and legend on my pie chart here to be like the tooltip and legend in this Fidelity.com.au example.

• Tooltip needs to display just the category and percentage.
• Legend needs to display the percentage before each item.

Have I put `tooltip:` and `legend:` in the wrong place?

<script type="text/javascript">
jQuery(window).on('load',function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[1] = function(obj){
        obj.options.plotOptions = {
            series: {
                dataLabels: {
                    enabled: false
                }
            },
            pie: {
                colors: [
                    '#006769', 
                    '#00b8af', 
                    '#28c3e8', 
                    '#0ee4da', 
                    '#2a97a6'
                ],
                dataLabels: {
                     enabled: false
                },
                showInLegend: true,
            },
            tooltip: {
                formatter: function() {
                    return this.point.name + ': <b>' + Highcharts.numberFormat(this.y, 1) +'%</b>';         
                }
            },
            legend: {
                labelFormatter: function() {
                    return '<strong style="display:inline-block;width:45px;">'+Highcharts.numberFormat(this.y, 1) +'%</strong> ' + this.name ;
                }, 
                title: {
                    style: {
                        fontSize: '18px',
                        fontFamily: "'neuzeit-grotesk', sans-serif",
                        color: '#20242b'
                    },
                    text : 'By industry'
                },
                squareSymbol: true, 
            },
        };
    };
});
</script>