How to change the width of widgets? - gauge, lamp, numerical display

Question

Pavel O 2020-1-15

0
链接

此问题的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/500422-how-to-change-the-width-of-widgets-gauge-lamp-numerical-display

评论： Mi He2 2021-3-27

Hello everyone,

first of all thank you for the amazing service the Thingspeak platform is. The possibilities are limitless!

For my project I´d like to display the values in different ways on a separate website, embedding them. I am using all sorts of displays like graphing multiple lines, gauges, lamps and also simple numerical value display.

The problem I am currently unable to solve is - how to change the width and heigth of these "native" plugins?

I know one can change the width and heigth of Chart https://community.thingspeak.com/forum/thingspeak-api/changing-iframe-height-and-width/ but I cannot find a way to do the same for the plugins.

Is there a way?

My public dashboard: https://thingspeak.com/channels/929488

the plugins are simple too large for my custom display.

0 个评论
显示 -2更早的评论隐藏 -2更早的评论

请先登录，再进行评论。

请先登录，再回答此问题。

Answer 1

Vinod 2020-1-16

0
链接

此回答的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/500422-how-to-change-the-width-of-widgets-gauge-lamp-numerical-display#answer_410332

编辑：Vinod 2020-1-16

在 MATLAB Online 中打开

If you are familiar with HTML and CSS, you can use CSS to resize the widget. For example, create a new HTML file called example.html with this text:

<html>
<style>
    #frame { width: 400px; height: 300px; border: none}
    #frame {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0px 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
    }
</style>
<div id="wrap">
<iframe id="frame" src="https://thingspeak.com/channels/929488/widgets/126606"></iframe>
</div>
</html>

Now, open that in your browser and compare that to just opening the widget

https://thingspeak.com/channels/929488/widgets/126606

1 个评论
显示 -1更早的评论隐藏 -1更早的评论

Mi He2 2021-3-27

but this does not solve the problem of free space, because this object will occupy the original size, it will only be reduced(zoomed). At least that's how it shows me.

请先登录，再进行评论。