URL doesn't change by clicking series

Dashboard Designer
#1

Hello,
I followed this link:

but when I click the series to filter list view nothing happens, even URL doesn't change on the current page.
Please see the used code and configuration:

var handlers = {};
handlers.preRender = function (config, logger) {
logger.debug('Configuration: ', config);

var filtrationApplied = false;

config.plotAreaClick = function (e) {
    if (!filtrationApplied) {
        window.location.hash = '';
    }

    filtrationApplied = false;
}

config.seriesClick = function (e) {
     if (ctx && ctx.clvp) {
        var filter ='FilterField1=Category-FilterValue1=' + e.dataItem.Category + '-' 
        + 'FilterField2=Statutul_x0020_Cererii-FilterValue2=' + e.dataItem.Statutul_x0020_Cererii;

       window.location.hash = 'InplviewHash' +'e9b41fbb%2D14b1%2D4185%2D8296%2D2251495e8d11'
       + '=' + encodeURIComponent(filter);
       
       filtrationApplied = true;
    }
}

return true;

}

image
image678×711 22.3 KB

What am i doing wrong?
Please help me!
Thank you
Alexandru

#2

Hello @Cumatale,

Please try out adding this code:

var handlers = {};
handlers.preRender = function (config, logger) {
    logger.debug('Configuration: ', config);
 
    var filtrationApplied = false;
 
    config.plotAreaClick = function (e) {
        if (!filtrationApplied) {
            window.location.hash = '';
        }
 
        filtrationApplied = false;
    }
 
    config.seriesClick = function (e) {
        if (ctx && ctx.clvp) {
            var filter =
              'FilterField1=Category-FilterValue1=' + e.dataItem.__proto__.Category 
              + '-' + 'FilterField2=Statutul_x0020_Cererii-FilterValue2=' + e.dataItem.__proto__.Statutul_x0020_Cererii;
 
            window.location.hash = 'InplviewHash' +
            ctx.clvp.wpid + '=' + encodeURIComponent(filter);
 
            filtrationApplied = true;
        }
    }
 
    return true;
}

Please make sure that you are using internal names of the columns in the code.

If the filtration doesn't work with this code, please share the screenshot of the errors from the dashboard console.

#3

The filtration doesn't work and there aren't errors in console

image
image956×891 25.3 KB

May be the list view I want to filter is wrong configurated? I used on the same page a web part for Plumsail Chart and below a web part for a List View
image
image1326×1013 41.4 KB

#4

Hello @Cumatale,

As I see the page with the Dashboard and the list use the new experience.

The code from the article works in classic experience only. So please create a classic experience page or switch the list to use classic experience.

List/Library settings >> Advanced Settings >> List experience

image
image797×258 7.38 KB

#5

In Classic Experience everything is ok, thank you!
Are you planning any updates in the near future to make this tool work in the new experience? Thank you!