Is there any way to implement this?

[adoin]

Some of our chart need to transform as 3d style.

[graphieros]

@adoin

This is not possible currently.
I will explore the possibility to add some config options that allow this 3d layout for VueUiWheel.
I will keep you informed.

[adoin]

Thanks 🙏

[graphieros]

@adoin

You can upgrade to 3.2.1, which implements a 3d mode for VueUiWheel

The rendering is consistent with the spirit of the classic layout, therefore the style will not match your screenshot, which style is very specific and would not be 'universal' for this library. I hope this is a decent compromise for your use case.

Enregistrement.de.l.ecran.2025-09-23.a.07.50.05.mov

New config attributes:

const config = ref({
  layout: "3d", // New. Default: 'classic' (previous behavior)
  style: {
    chart: {
      layout: {
        wheel: {
          tiltAngle3d: 50, // New. Default: 50, used in 3d mode
        },
        percentage: {
          offsetX: 0, // New. Default: 0
          offsetY: 0, // New. Default:  0
          stroke: 'transparent', // New. Default: 'transparent', apply border color on the label
          strokeWidth: 0, // New. Default:  0
        }
      }
    }
  }
})

[adoin]

That's awesome. Thank you.

[graphieros]

@adoin

You might like this in 3.2.2

Enregistrement.de.l.ecran.2025-09-26.a.08.19.18.mov

[adoin]

Cool that's better than I want.