How can i set dataset.hidden only for one dataset in doughnut?

[nihil-pro]

What trying to do:
i have a doughnut chart with two datasets and three items in data [a, b, c.
The first one is 360 circumference, the second one is the b value circumference.
Work example: https://codesandbox.io/embed/peaceful-moon-0gofdj?fontsize=14&hidenavigation=1&theme=dark

I want to change the second chart circumference when i click the legend (click toggles dataset visibility), but the problem is, that its toggle visibility of the second dataset by index as well.

The docs refers to a wrong code https://www.chartjs.org/docs/latest/configuration/legend.html

function(e, legendItem, legend) {
    const index = legendItem.datasetIndex;
    const ci = legend.chart;
    if (ci.isDatasetVisible(index)) {
        ci.hide(index);
        legendItem.hidden = true;
    } else {
        ci.show(index);
        legendItem.hidden = false;
    }
}
 

but i found correct way in the controller.doughnut.js https://github.com/chartjs/Chart.js/tree/master/src/controllers

// plugins.legend
onClick(e, legendItem, legend) {
     legend.chart.toggleDataVisibility(legendItem.index);
     legend.chart.update();
 }

also i can hide some datasets like this, but it doesn't cross out the legend

onClick(e, legendItem, legend) {
     // legend.chart.show(datasetIndex, dataIndex)
     // or legend.chart.show(datasetIndex, dataIndex)
     legend.chart.update();
 }

can anybody help me?