How to change color of node? about flowchart-vue HOT 8 CLOSED

Upgrade to 0.21.0 and add these props to node:

bodyBackgroundColor(isSelected) {
  return 'green';
},
titleBackgroundColor(isSelected) {
  return 'green';
},
borderColor(isSelected) {
  return 'red';
},
textColor(isSelected) {
  return isSelected ? 'gray' : 'blue';
}

from flowchart-vue.

hello @iamppz

i want different backgound colors in every node like

if(node.status == 1){
node.style("color":"green");
}

if(node.status == 2){
node.style("color":"red");
}

from flowchart-vue.

I'm not sure... do you want this?

function colors(node) {
  if(node.status == 1){
    node.style("color":"green");
  }
  
  if(node.status == 2){
    node.style("color":"red");
  }
}
<flowchart :colors="colors" ... />

from flowchart-vue.

@iamppz yes i want like above function

from flowchart-vue.

Ok, I'll do it later

from flowchart-vue.

once done please let me know

from flowchart-vue.

Published 0.23.0 to NPM

<flowchart ... @render="handleRender">

handleRender(node, children) {
  console.log(node, children);
  children.body.style("fill", 'red');
}

from flowchart-vue.

thank you so much for your support @iamppz

from flowchart-vue.