森图表资源如何在ThingJS-X中使用

何双双发表于:2022年09月07日 10:29:09更新于:2023年04月27日 10:20:52

观看视频教程,可点击跳转森学院

1、登录studio官方网站:https://studio.thingjs.com/

2、点击【森大屏】-【图表】,如下图

2QbX2l347a9E7u3M9y3Z8maWbsfb686acD8f9G2F57ew4o2Hf16ad50e821Z6VbD.png?e=1662519356&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:3cw0MHdDSsNJnF2DRdM1aCM-8ys=

3、点击【新建图表】,可以直接跳转至森图表编辑器进行图表开发;

4、或者选择符合需求的官方图表,点击【大屏】-【图表】,您需要完成购买

c1f67xbxaK6nbObq562Q5v8T8uad9c2Z559z7o2DdTcx2FdDaZd57veUaG865V9e.png?e=1654688726&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:MxRjpGhsMfDhkqnDzd1WVrhB9v4=
 9Gahf2ctb2743XaD0j1Ue07o8o6Ofb0G45e34D3m5x6s8haC5y0Za7bL1q550xaQ.png?e=1654688736&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:WgTvbSZuHgc4VHYWrOy_dw67NLI=

5、点击【我的资源】可看到购买的图表资源,点击【编辑】进入图表编辑器,可以基于该模板对图表进行开发编辑,例如文字展示长度调整等;

5mbi3f9O6te62adwfVa0cdc9f0cf0o7qam9H8d737r9f8gbu1T1n0357eF6UeYcp.png?e=1662462071&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:HLYzVEfbXgF65giXgaDruuVaknw=

6、可以对图表进行命名,并点击保存,最后点击发布图表,如下图

9S7i0NbI3vcS3I4HcEeq1X0a5jdP9uaA2ydN4I0Q9waIa61y9Uasfn28do3ZeW3o.png?e=1662519440&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:TZIw3_DjLd3Uty6sB72BdDMbUus=

7、图表下载(3种方法)*都需要开通VIP权限

(1)森图表完成图表编辑,保存发布后,点击【文件】,选择【下载版本资源】,选择【ThingJS-X 3.5.7版本】下载。

c1ae2j3vbK82aQdX1T9m9v7A9h765Q5Wao3Q2ia02S406I0N3v0L936D4cbY34c5.png?e=1666775088&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:j8-QA1jjTI7GuowRy7w0FuqrP7o=cqeleT1L4SaTcads0Qe94B7Hf20D8aeJdm96cn2E4oeG1JaDch6Gfran8o465Ea7.png?e=1666775099&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:Kg51NfZCb1x--WLca1f0UUx_crE=

(2)在森工厂主页面【大屏】选择【图表】,在对应的图表处选择【下载ThingJS-X3.5.7及以上版本资源】

4g8Z158vbs3x0Ucceh4b7Sfied0Q7MfZ8f4z8q529Ifl8ZfX4naX7L8RfE9d776V.png?e=1666775427&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:BBYyZzp6Zn2nVLkkggkRaq5p79A=

(3)点击森工厂【我的资源】找到刚才制作的图表,鼠标点击后面的三个小圆点,可下载图表资源包,详细如下图:(注:此图表资源包试用于ThingJS-X3.5.9及以上版本)

dL355hbt9n1f5V9D350a5L5LaAeJ0weY40c79KaM65cu7TeOfzcBdNda7g7F555c.png?e=1654688961&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:pnMJBuAeOs_vIwZVqXUIoJ1dfTQ=843Y97fobLdqa0fo4v8R930Ofv30eW977B8AeXecfK2F5efp4IdB5uajd0bf0A5t.png?e=1662519038&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:8_qgl3feVBKu-TzWWC5OiZ1kRIs=

8、登录ThingJS-X系统中,点击【资源中心】-【添加资源】-【导入资源文件】导入成功后,即可以在图表资源中看到,详细如下图

fleU4Ae31W672e694Q4V2xdkeYbVbKfv8AeMdu7PcccN9i8F3t6V2X7tfh0q7Y6y.png?e=1662519234&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:C3Pb_q2xzWPldgvkLwUdm4U7BTQ=

9、点击业务配置图表资源,可以对图表样式,是否显示图例等参数进行配置,整体呈现效果如下图

ehcG2t4o4F6Sdh7ybNep3sfY6EfpdidYdL8f60e2aS8L9T0Wd62B4k4BeNaz4ceZ.png?e=1662523275&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:HbbON316UAjHvFQSls7v_0Whri8=

附录说明:

* 下载的ThingJS-X3.5.7版本资源的格式为.zip,明确的使用版本为零代码ThingJS-X3.5.9及以上的X3版本以及X4的版本。

*下载版本资源时,如您不需要在ThingJS-X中使用,推荐下载标准版资源,格式为.cht。

*未发版过资源不支持下载。

*已发版资源再次修改后没有进行发版操作,则下载的版本资源为上个已发版的版本资源。


 


欢迎使用ThingStudio,一站搞定真孪生。
    您需要登录后才可以回复