Изображения с рамкой не для всех узлов в 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-, а затем увеличить его по мере необходимости.