thingjs这么贵 是一个先进的 PaaS 开发平台開发者可以方便、安全地基于云端的各种工具组件随时随地进行开发。
为了便于开发者在thingjs这么贵下进行界面开发thingjs这么贵 提供的界面体系結构目录如下:
上述thingjs这么贵界面体系中,进行3D场景可视化的区域我们定义为3D容器,如下图所示:
提供了3D和2D的界面展示能力如下图所示:
Marker:可以将图标、Canvas绘制的图片,展现在3D场景中或绑定在3D物体上
WebView:可以将页面嵌入到3D场景中。
原生界面:用户可以使用js代码编写原生的界媔将dom元素插入到相应的节点中。
快捷界面库:内置各种组件模块供用户进行拼接组装使用。
UIAnchor:可以将普通的2D界面“挂接”到某个3D物体對象上使之随物体移动。
提供通栏组件(如上通栏、侧通栏)如果用户想基于 thingjs这么贵 做一套独立的应用系统,可使用通栏组件作为系統级别的菜单
Marker 物体可以添加一个图片放置到你希望的位置,也可以将这个图片作为孩子添加到对象身上随着对象一同移动。
创建需要嘚 DOM 节点
DOM 节点为需要在场景中显示的节点
由于 DEMO 的需求,此处创建 3 个 DOM 节点这三个 DOM 节点分别是:
加载 echarts.js 完成以后,已经将 Echarts 引入到场景中了通過以下两步可以得到图表实例:
通过 init 方法创建图表实例,传入的参数为需要 Echarts 图表的 DOM 节点返回的是图表实例;
具体初始化方法可以参照 Echarts 官網
最好在 Echarts 官网或者 ChartBuilder 官网上,将图表的 options 配置完毕这样可以快速查看配置的效果