xw-diagram

my-diagram

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

prop传值

id:图表id,必传

图表与时间或者地图code联动

传入paramsObj即可，不是必传，格式为{dgFilter:[{fieldName:'',format:'',operateName:'',value:[]}]},字段没有置空即可，
例:paramsObj="{dgFilter:[{fieldName:'',format:'',operateName:'',value:[]]}"

組件引入

npm i xw-diagram

在当前模块或者main.js里
import XwDiagram from "xw-diagram"
import "xw-diagram/dist/xw-diagram.css";
Vue.use(XwDiagram)

使用示例

<XwDiagram
    id="9585d0720063e4a4bdff49ed450cb717"
    style="height: 400px"
    :paramsObj="{dgFilter:[{fieldName:'start_time',format:'yyyy-MM-dd HH:mm:ss',operateName:'gte',value:["2021-10-01 00:00:00"]}]}"
>
</XwDiagram>