Is there a way to make it unable to expand the donut chart in webviewer? Post it here

I want to make it unable to expand the chart because I want to put some text into the center of the donut chart like this :

But it can expand the webviewer like this :

I want to know how to make it unable to expand. If you make it please post it in here.

1 Like

How are you creating the donut chart?

2 Likes

I’m not sure what you mean but if you want to stop the user from zooming the page displayed in the web viewer add user-scalable in the meta tag in the .html header

< meta name = “viewport” content = “width=device-width, initial-scale=1, user-scalable=no” />

1 Like

This is an example with html code. in photo I mark how to set a specific size value. The background can also be changed.

.c3 svg {height:350px;} body {background-color: #69BD43;}

height
donut.zip (541 Bytes)

Are you using c3 or chartJS?

You can write your text on the canvas directly, and that may be a better long term solution more scalable across devices.

1 Like