ThingJS-X中图表配置方法及图表配置参数含义

18801187951(338465)发表于:2022年04月24日 10:53:08

使用

1.点击资源中心 - 图表

26bb9L7U0g6C0F5geK5S4ObLdCb7dB2IfPbw567V57fx9m622v8ufF8n1k5n4R7X.png?e=1649833172&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:HMY322M_LO9IFlPGcv5CJiLhVkc=

2.点击获取资源,选择需要的资源

aKa6b2cyfkcm2z557Jcjd8dnapd3dUcRedd6eidr7Xa0cLbhag2Xduaa1nf6fC6u.png?e=1649833230&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:jtGsXokwkkriwRfhOCqUV4VDKRM=

3.点击业务配置 - 添加业务,输入业务名称,选择 业务模板 自定义 点击保存

dz1b8F6v7e3Yd86W0652e7f75teg005a3Ecy7o5W0iaUd87n8idB99bP9idM7c45.png?e=1649833346&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:qHeYpa-sOw6FfWavBbyQXvDNRsQ= 

4.创建完成后找到对应业务点击 图表编辑,将图表资源拖拽进来即可

ag2z6p0f0Va8aa18bDd02I4eam0I8N0l888d6l4i9kaI70cRcD8dbt3neZ06es5V.png?e=1649833500&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:t19kWCikeud0PTDKukdwO-g6-VQ=

5.呈现效果

3QdifQ7I1QdI0Q3za0ax244t2vb8crby2d1k7E693b2t5q5Uc39GcaaUbd1T5Y5J.png?e=1649833544&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:5kwKA0pK8UikBQ0xEOzf3OaEpwc=

 

接口配置

0JcN1K6wfP4a3w0e69119w34cBfq3L6c3P627R314KbJ1Obb8yex1bblaOaY1Sc7.png?e=1649833875&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:ZndUdt8QHoZmF0bXT3kyGHAWfQM=

数据类型:选择API的方式就行数据对接,表示使用http请求外部接口返回的数据;
接口地址:调用外部httpserver端的URL地址;
接口标识:一个接口有多组图表数据时,限制图表呈现接口数据的标识;

例:0C7LcaeUdm7YdzfVbYa3bg9N3AaXcYfT8e2db19u9l0m0kfA2p9n1R0pdFf5a20v.png?e=1649833978&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:8xpmGAYIyNFQxj8lkgAUNmDi0Gk=

2N5o5R5v7Z2mdlfM9U7s0E5sda8UbUazfA8X9MbKbYbL12azdy6odNcYe5812gcS.png?e=1649834098&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:HoIHMhpXr2sa_btFkQHPnfsSviA=4R0s230E9C772G6baR3I8sfL5d0jeNdr9B0Wbg9b9796eD9leEeMa5fK8q753f5c.png?e=1649834122&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:RmovlLVxjpCXocBcRWSLOcnKjk0=4EfW6WdkfG8X0leg4y0pcTff4k7P02ddbdeZ0z7r046T8cddeK4D8IaWcr1lej83.png?e=1649834074&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:ls-qmuUq13V9_r4fPpcAiXkc9H0=

接口标识填写图中红框内容时,图表会显示其括号内的数据;
接口参数:图表需要给httpserver提供的参数,传入参数后,httpserver端可以获取到对应参数信息。利用图表参数传来的信息,可以通过一个DIX接口,根据不同的参数返回多个图表的数据,此处测试填写为”abc”;
更新频率:图表请求接口的频率,单位毫秒,例如1000表示每秒请求一次server端;


    您需要登录后才可以回复