Holiday Notice – Support Unavailable on April 18 and April 21

We just wanted to let you know that our support team will be offline on Friday, April 18th (Good Friday) and Monday, April 21st (Easter Monday) due to the holidays.
We'll be back on Tuesday, ready to assist you!

In the meantime, if you need any help, feel free to:

Amelia YouTube Channel

wpDataTables YouTube Channel

Thank you for your understanding, and we wish you a wonderful holiday weekend!

Okay
  Public Ticket #1093781
Changing Slice labels
Closed

Comments

  •  2
    darimany started the conversation
    March 11, 2017 at 11:38pm

    Some Pie Charts (highcharts.com) are only displaying "Slice" as label. I'm wondering how to address this.

    Using only 2 columns (string and integer), but what to do? It displays the Label properly when using a Bar-chart.

  • [deleted] replied
    March 13, 2017 at 2:44pm

    Hi darimany,
    Thank you for the purchase.

    Can you please send me the link where you have chart so I can take a look? Also can you please send me the file from you've created wpDataTable that you are using to create chart?

  •  2
    darimany replied
    March 13, 2017 at 6:51pm

    On a second note, the "string" column are ID numbers; if they start with a CHAR, the label "slice" changes value (Pie chart).

    However, the ID numbers are displayed as a label for a Bar-chart.

  •  2
    darimany replied
    March 13, 2017 at 7:16pm

    https://sba4lenders.com/test-pie-chart/

    The attachment is my last attempt, as normally I only quote (") literal strings.

  • [deleted] replied
    March 14, 2017 at 4:01pm

    Hi darimany,

    You can add this little Jquery snippet directly on your page to change the name of the label so that slices names will be ID's:

    <script type="text/javascript">
    jQuery(window).load(function(){
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
        wpDataChartsCallbacks[1] = function(obj){
            obj.options.plotOptions.pie = {
                dataLabels: {
                    format: '<b>{point.x}</b>: {point.percentage:.1f} %'
                }
            }
        }
    });
    </script>

    Just change  wpDataChartsCallbacks[1] this ID from code with your actual chart ID.

    You can also see usage of wpDataChart callback at this link.

  •  2
    darimany replied
    March 14, 2017 at 7:50pm

    Hi Milos,

    I did ADD the javascript (jQuery) - see sourcecode line 560 (https://sba4lenders.com/test-pie-chart/).

    Also changed the ID from 1 to 17 as that is the ID of the Pie Chart, in 'wpDataChartsCallbacks[17]'

    But still cannot get it to display. I'll read the link on callbacks that you posted.

    Diego

  • [deleted] replied
    March 15, 2017 at 3:34am

    Hi darimany,

    You made some JS error in the code and because of that it's not working. Can you please send me your login credentials so I can take a look at the jQuery that you have added. You can write credentials here in the ticket, just check PRIVATE so nobody can see it except us. 

    Thanks.

  •  2
    darimany replied
    March 16, 2017 at 2:46am

    Thank you Milos it works.

    I had to use the "Text" editor (not "Visual") to simply copy/paste the JavaScript you posted.

    And of course, change the ID number of the chart.

    This is solved.

    Diego

  • [deleted] replied
    March 16, 2017 at 2:23pm

    Hi darimany,

    You are welcome. We'd greatly appreciate it if you could take a minute and leave a review on CodeCanyon on this link. Thanks!