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 #1414947
Specify Series Visibility
Closed

Comments

  •  1
    Quint started the conversation

    I am using your wpDataCharts Callbacks example for the HighCharts API.  I am attempting to specify the visibility of each series but have been unsuccessful.  It appears that my code modification does not use the data specified in the table.  Can you tell me how to modify what I have done?  Thank you.

    Here's my code:

    jQuery(window).load(function(){
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
        wpDataChartsCallbacks[2] = function(obj){
            obj.options.chart.backgroundColor = '#F7F7F7';
            obj.options.chart.zoomType = 'x';
            obj.options.chart.panning = true;
            obj.options.chart.panKey = 'shift';
            obj.options.series = 
                                 [{
                                  visible: true,
                                  }, {
                                    visible: false,
                                  }, {
                                    visible: false,
                                  }, {
                                    visible: false,
                                  }, {
                                    visible: false,
                                  }, {
                                    visible: false,
                                  }];
            obj.options.tooltip = {
                formatter: function () {
                var s = '<b>' + this.y + '%</b>';
                return s;
                }
            };
        }
    });

  •  1
    Quint replied

    I figured it out (If there's a better way, please let me know):


    jQuery(window).load(function(){
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
        wpDataChartsCallbacks[2] = function(obj){
            obj.options.chart.backgroundColor = '#F7F7F7';
            obj.options.chart.zoomType = 'x';
            obj.options.chart.panning = true;
            obj.options.chart.panKey = 'shift';
            obj.options.series[0].visible = true;
            obj.options.series[1].visible = false;
            obj.options.series[2].visible = false;
            obj.options.series[3].visible = false;
            obj.options.series[4].visible = false;
            obj.options.series[5].visible = false;
            obj.options.tooltip = {
                formatter: function () {
                var s = '<b>' + this.y + '%</b>';
                return s;
                }
            };
        }
    });

  •  1,894
    Miloš replied

    Hi Quint,
    Thank you for your purchase.

    Looking at your code it looks like there are no changes needed or any modification so good job on writing it.

    Hope that everythig is working fine.

    Best regards.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables