Изображения с рамкой не для всех узлов в Vis.js

Я ищу вариант использования сетевого графика VisJS с изображениями параметров с границами, как в этом примере:

http://visjs.org/examples/network/nodeStyles/imagesWithBorders.html

Но не для всех изображений.

Я пытаюсь добавить настройки для узла, который должен получить границу, как это

 if(some expression){
        aService.shapeProperties = {useBorderWithImage:true};
        aService.nodes =  {
            borderWidth:100,
                size:50,
                color: {
                border: '#ff0000',
                    background: '#ff0000'
            },
            shapeProperties: {
                useBorderWithImage:true
            }
        };
    }

но это игнорируется.

Как я могу сделать это правильно?

1 ответ

Вы пытались установить параметры узла непосредственно во время создания узла? Например:

var nodes = new vis.DataSet();
var visNode = {id: 123, shape: 'image', image: 'person.png', borderWidth:    5, shapeProperties: { useBorderWithImage:true} };

nodes.update([visNode]);

Хотя я не делал это на отдельном узле сам, я думаю, что это будет работать. Кстати, обратите внимание, что borderWidth 100 может быть слишком большой границы. Вы можете попробовать с небольшим числом сначала -eg 5-, а затем увеличить его по мере необходимости.

Другие вопросы по тегам