0
私はグラフを表示するためにalchemy.jsを使っています。問題は、グラフのノードの "onMouseOver"キャプションを表示できないことです。 コンソールにいくつかのエラーがあります。ここで、出力:ここAlchemy onMouseOverは機能しません
コード:
<html>
<head>
<link rel="stylesheet" href="../css/style.css"/>
</head>
<body class="ng-scope">
<div class="alchemy" id="alchemy" style="margin-left: 50% !important;"></div>
<script src="../prova/vendor.js"></script>
<script src="../prova/alchemy.min.js"></script>
<script type="text/javascript">
var config = {
// SOURCE GRAPH
dataSource: '../prova.json',
"nodeStyle":{
"all":{
"radius":10,
"color":"RED",
"borderColor":"none",
"captionColor":"#FFFFFF",
"captionBackground":null,
"captionSize":12,
"selected":{
"color":"#FFFFFF"
},
"highlighted":{
"color":"#EEEEFF",
"borderColor":"none"
},
"hidden":{
"color":"none",
"borderColor":"none"
}
},
"microRNA":{
"radius":10,
"color":"#EF5350",
"borderColor":"none",
"captionColor":"#000000",
"captionBackground":null,
"captionSize":12,
"selected":{
"color":"#000000",
"borderColor":"none"
},
"highlighted":{
"color":"#D50000"
},
"hidden":{
"color":"none",
"borderColor":"none"
}
},
"Target":{
"radius":10,
"color":"#2196F3",
"borderColor":"none",
"captionColor":"#000000",
"captionBackground":null,
"captionSize":12,
"selected":{
"color":"#000000",
"borderColor":"none"
},
"highlighted":{
"color":"#1A237E"
},
"hidden":{
"color":"none",
"borderColor":"none"
}
},
"person":{
"radius":10,
"color":"#4CAF50",
"borderColor":"none",
"captionColor":"#000000",
"captionBackground":null,
"captionSize":12,
"selected":{
"color":"#000000",
"borderColor":"none"
},
"highlighted":{
"color":"#1B5E20"
},
"hidden":{
"color":"none",
"borderColor":"none"
}
}
},
nodeTypes: {"type":
["movie",
"award",
"person"]
},
rootNodeRadius: 30,
showControlDash: true,
showStats: true,
nodeStats: true,
showFilters: true,
nodeFilters: true,
captionToggle: true,
edgesToggle: true,
nodesToggle: true,
toggleRootNotes: false,
zoomControls: true,
//FORCE THINGS
forceLocked: true,
// DIRECTION OF THE EDGES
directedEdges: false,
// HOW TO VISUALIZE
//nodeCaption: function(node) { // TO PRINT MORE "THINGS"
// return ""+ node.type + " ("+ node.id+ ")" ;
//},
//edgeCaption: 'target',
//nodeMouseOver: function(node) {
//return ""+node.type + node.id+"";
//}
};
alchemy.begin(config);
</script>
</body>
</html>
私はこの機能をコメントアウト場合:
//nodeMouseOver: function(node) {
//return ""+node.type + node.id+"";
//}
私は同じ結果を持っています。 誰かが間違ったところを知っていますか?