Browse Source

graph guide

tags/v0.3.0-alpha
WeiFeng 5 years ago
parent
commit
f5ae289d2d
4 changed files with 95 additions and 99 deletions
  1. +7
    -7
      mindinsight/ui/src/assets/images/graph-step1.svg
  2. +80
    -84
      mindinsight/ui/src/assets/images/graph-step2.svg
  3. +6
    -6
      mindinsight/ui/src/assets/images/graph-step3.svg
  4. +2
    -2
      mindinsight/ui/src/common/common-property.js

+ 7
- 7
mindinsight/ui/src/assets/images/graph-step1.svg
File diff suppressed because it is too large
View File


+ 80
- 84
mindinsight/ui/src/assets/images/graph-step2.svg
File diff suppressed because it is too large
View File


+ 6
- 6
mindinsight/ui/src/assets/images/graph-step3.svg
File diff suppressed because it is too large
View File


+ 2
- 2
mindinsight/ui/src/common/common-property.js View File

@@ -85,14 +85,14 @@ export default {
'.node {cursor: pointer;}.node:hover > path,.node:hover > ellipse,' + '.node {cursor: pointer;}.node:hover > path,.node:hover > ellipse,' +
'.node:hover > polygon,.node:hover > rect {stroke-width: 2px;}' + '.node:hover > polygon,.node:hover > rect {stroke-width: 2px;}' +
'.edge path {stroke: rgb(167, 167, 167);}.edge polygon {fill: rgb(167, 167, 167);}' + '.edge path {stroke: rgb(167, 167, 167);}.edge polygon {fill: rgb(167, 167, 167);}' +
'.node.polymeric > polygon {stroke: #fdca5a;fill: #ffe8b5;}.node.cluster.polymeric > ' +
'.node.aggregation > polygon {stroke: #fdca5a;fill: #ffe8b5;}.node.cluster.aggregation > ' +
'rect {stroke: #fdca5a;fill: #fff2d4;stroke-dasharray: 3, 3;}' + 'rect {stroke: #fdca5a;fill: #fff2d4;stroke-dasharray: 3, 3;}' +
'.node.cluster > rect:hover {stroke: #f45c5e;}.node > polygon {stroke: #f45c5e;fill: #ffba99;}' + '.node.cluster > rect:hover {stroke: #f45c5e;}.node > polygon {stroke: #f45c5e;fill: #ffba99;}' +
'.node > ellipse {stroke: #58a4e0;fill: #d1ebff;}.node > path {stroke: #56b077;fill: #c1f5d5;' + '.node > ellipse {stroke: #58a4e0;fill: #d1ebff;}.node > path {stroke: #56b077;fill: #c1f5d5;' +
'stroke-dasharray: 3, 3;}' + 'stroke-dasharray: 3, 3;}' +
'.hide {visibility: hidden;}.show {visibility: visible;}' + '.hide {visibility: hidden;}.show {visibility: visible;}' +
'.edgePoint ellipse{stroke:#a7a7a7;' + '.edgePoint ellipse{stroke:#a7a7a7;' +
'fill:#a7a7a7;}' +
'fill:#a7a7a7;}text {fill: black;}' +
'.edge.highlighted path {stroke: red;}.edge.highlighted polygon {' + '.edge.highlighted path {stroke: red;}.edge.highlighted polygon {' +
'stroke: red;fill: red;}' + 'stroke: red;fill: red;}' +
'.edge.highlighted marker path {fill: red;}</style>', '.edge.highlighted marker path {fill: red;}</style>',


Loading…
Cancel
Save