Podem ser criados usando sobreposições de etiqueta e conectores de seta.
$render = '';
$resposta = '';
dc.cw("Diagram", "widget_diagrama", {
id: "diagrama"
, defaultConnector: ['Flowchart', {
stub: 30
, gap: 0
, cornerRadius: 0.0
, alwaysRespectStubs: false
}]
, containment: true
, paintStyle: {
stroke: '#C7B097'
, strokeWidth: 3
}
, maxConnections: -1
, endPoints: [{
uuid: '81455096-1534-4dea-a4f3-a42530d70220'
, element: 'diagrama-4e78a2cd-b2dd-4d1c-929d-ba7a71b93ec7'
, anchor: 'Bottom'
, endpoint: ['Blank', {}]
}, {
uuid: 'e31fbac3-c8b4-4811-8fd6-dd5418e44248'
, element: 'diagrama-4e78a2cd-b2dd-4d1c-929d-ba7a71b93ec7'
, anchor: 'Left'
, endpoint: ['Blank', {}]
}, {
uuid: 'b0589800-aeed-46ee-b6be-6a499ae34a1d'
, element: 'diagrama-2e8353c8-0b42-4b68-a1d8-159ba03e8887'
, anchor: 'Top'
, endpoint: ['Blank', {}]
}, {
uuid: 'a6aadb13-e812-49a8-bd96-45a51a85ed8d'
, element: 'diagrama-2e8353c8-0b42-4b68-a1d8-159ba03e8887'
, anchor: 'Bottom'
, endpoint: ['Blank', {}]
}, {
uuid: '88b76f9d-a8c8-4428-814b-d3ccb10ce7f3'
, element: 'diagrama-2e8353c8-0b42-4b68-a1d8-159ba03e8887'
, anchor: 'Right'
, endpoint: ['Blank', {}]
}, {
uuid: '004d162b-9159-4f40-bd17-42d15a7126aa'
, element: 'diagrama-acc606c7-187b-40fb-9ffd-8b44c4a9a962'
, anchor: 'Top'
, endpoint: ['Blank', {}]
}, {
uuid: '8b424cfa-38a8-49fd-89b1-ab47188106a1'
, element: 'diagrama-acc606c7-187b-40fb-9ffd-8b44c4a9a962'
, anchor: 'Left'
, endpoint: ['Blank', {}]
}, {
uuid: 'c5dc47c5-2acd-438c-8db0-e58cf01fb1d4'
, element: 'diagrama-acc606c7-187b-40fb-9ffd-8b44c4a9a962'
, anchor: 'Right'
, endpoint: ['Blank', {}]
}, {
uuid: '2bc72d31-a768-4904-987f-f2397331dba9'
, element: 'diagrama-8e696c85-6da2-484c-8cc6-8c63d501ac5c'
, anchor: 'Left'
, endpoint: ['Blank', {}]
}, {
uuid: '802f3b97-c302-4918-9fe6-412376b5a0fe'
, element: 'diagrama-f98ee41c-20fc-40d9-abc1-35eb34cc87d4'
, anchor: 'Left'
, endpoint: ['Blank', {}]
}]
, connections: [{
uuids: ['81455096-1534-4dea-a4f3-a42530d70220', 'b0589800-aeed-46ee-b6be-6a499ae34a1d']
, overlays: [['Arrow', {
location: 1.0
}]]
}, {
uuids: ['a6aadb13-e812-49a8-bd96-45a51a85ed8d', '004d162b-9159-4f40-bd17-42d15a7126aa']
, overlays: [['Arrow', {
location: 1.0
}], ['Label', {
label: "Sim"
, cssClass: 'flow-label'
}]]
}, {
uuids: ['8b424cfa-38a8-49fd-89b1-ab47188106a1', 'e31fbac3-c8b4-4811-8fd6-dd5418e44248']
, overlays: [['Arrow', {
location: 1.0
}], ['Label', {
label: "Não"
, cssClass: 'flow-label'
}]]
}, {
uuids: ['88b76f9d-a8c8-4428-814b-d3ccb10ce7f3', '2bc72d31-a768-4904-987f-f2397331dba9']
, overlays: [['Arrow', {
location: 1.0
}], ['Label', {
label: "Não"
, cssClass: 'flow-label'
}]]
}, {
uuids: ['c5dc47c5-2acd-438c-8db0-e58cf01fb1d4', '802f3b97-c302-4918-9fe6-412376b5a0fe']
, overlays: [['Arrow', {
location: 1.0
}], ['Label', {
label: "Sim"
, cssClass: 'flow-label'
}]]
}]
});