Responsive Chart Legend Restriction

[FredFarfadoe]

I love the responsive legend feature for charts in Caspio, that you can click on legend items to remove/add them. However, for some charts I would like to disable this feature, i.e. I don't want users to be able to remove slices from Pie-charts and then use them for reporting. However, I still want users to see the legend, I just want to disable the responsive feature.

Does anybody know of away to accomplish this? I do not think this can be done with base Caspio.

Thank you!

[telly]

Hi @FredFarfadoe,

To achieve that you will need to add a CSS code on the header of the DataPage:

You can use this:
 

<style>
g.highcharts-series-group {
pointer-events: none!important;
}
.highcharts-a11y-proxy-button {
pointer-events: none!important;
}

 

tspan {
pointer-events: none!important;
}
</style>

[FredFarfadoe]

@telly Thank you, this solution works perfectly!

[FredFarfadoe]

For anybody interested, I actually altered @telly's code slightly to allow for data callouts:

<style>
.highcharts-a11y-proxy-button {
pointer-events: none!important;
}
tspan {
pointer-events: none!important;
}
</style>

 

Removing the "highcharts-a11y-proxy-button {pointer-events: none!important;}" piece allows for data callouts when hovering over slices. The above code only disables the responsive legend.