Implement configurable network map parameters.

This commit is contained in:
Louis Rossouw
2015-07-29 01:17:08 +02:00
parent 7400714bf7
commit 9fb2c0d674
2 changed files with 39 additions and 33 deletions

View File

@@ -214,39 +214,7 @@ echo $edges;
edges: edges,
stabilize: true
};
var options = {
layout:{
randomSeed:2
},
"edges": {
"smooth": {
enabled: false
},
font: {
size: 12,
color: 'red',
face: 'sans',
background: 'white',
strokeWidth:3,
align: 'middle',
strokeWidth: 2
}
},
"physics": {
"forceAtlas2Based": {
"gravitationalConstant": -800,
"centralGravity": 0.03,
"springLength": 50,
"springConstant": 0,
"damping": 1,
"avoidOverlap": 1
},
"maxVelocity": 50,
"minVelocity": 0.01,
"solver": "forceAtlas2Based",
"timestep": 0.30
}
}
var options = <?php echo $config['network_map_vis_options']; ?>;
var network = new vis.Network(container, data, options);
network.on('click', function (properties) {
if (properties.nodes > 0) {

View File

@@ -319,8 +319,46 @@ $config['network_map_legend'] = array(
'90' => '#ff6600',
'100' => '#ff0000',
);
// Network Map Items
$config['network_map_items'] = array('xdp','mac');
// Network Map Visualization Options
// See http://visjs.org/docs/network/ for description of these options.
$config['network_map_vis_options'] = '{
layout:{
randomSeed:2
},
"edges": {
"smooth": {
enabled: false
},
font: {
size: 12,
color: "red",
face: "sans",
background: "white",
strokeWidth:3,
align: "middle",
strokeWidth: 2
}
},
"physics": {
"forceAtlas2Based": {
"gravitationalConstant": -800,
"centralGravity": 0.03,
"springLength": 50,
"springConstant": 0,
"damping": 1,
"avoidOverlap": 1
},
"maxVelocity": 50,
"minVelocity": 0.01,
"solver": "forceAtlas2Based",
"timestep": 0.30
}
}';
// Device page options
$config['show_overview_tab'] = true;