How to display a dynamic node pictures?

[joylix]

The following code displays all product nodes with fixed images：

labels: {
    product: {
        label:'name',                       
        [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
            static: { 
                shape: "image",
                image: 'drone.svg'
            }
        }
    }   
},   

I now want to display different images on each product node based on its image property， the code below doesn't work:

labels: {
    product: {
        label:'name',                       
        [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
            static: { 
                shape: "image",
                image: (props) => props.image
            }
        }
    },     
},        

nor

labels: {
    product: {
      label: 'name',                       
      shape: 'image',
      image: function(node) {
        return node.properties.image ? node.properties.image  : null;
        }
    }     
},    

would anyone please tell me what should I do? Thanks!

[thebestnom]

Yes, put it in functions instead of static in advanced config

[thebestnom]

Or do

labels: {
    product: {
        label:'name',
        image: "image",
        [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
            static: { 
                shape: "image"
            }
        }
    },     
},        

[joylix]

I tried both of the methods you mentioned but they didn't work. Thank you for your answer！

[thebestnom]

Can you enable debug? It should work, make sure that image property actually exist on the node

[joylix]

neovis_2.1.0.js:2 Uncaught (in promise) Error: Option image must be defined for node type 'image' , I'm sure that image is on the node

[joylix]

I noticed a more direct issue now，when use Neovis 2.0 it display product caption="name" on node correctly, but use Neovis 2.1.0 label: "name" the node show nothing:

	visConfig: {
		nodes: {
			shape: 'square'
		},
		edges: {
			arrows: {
				to: {enabled: true}
				}
		},
	},
	labels: {
		product: {
                         label: "name",                                                                                               						
				},
       }