次のようなオブジェクトがあります。
縁
...,{\"data\":{\"label\":\"test\",\"source\":\"1\",\"target\":\"19\",\"extra\":
{\"color\":\"#000000\",\"width\":\"#000000\"}}},{\"data\":
{\"label\":\"1~20\",\"source\":\"1\",\"target\":\"20\",\"extra\":
{\"color\":\"#FF0000\",\"width\":\"5\"}}},...
それを解析して読み取り、ノードとエッジを に表示することはcytoscape.js
できますが、追加のコンポーネントにアクセスして色と幅を設定する方法がわかりません。
ここ:
.selector("edge")
.css({
"width": "mapData(weight, 0, 100, 1, 4)",
"target-arrow-shape": "triangle",
"source-arrow-shape": "circle",
"line-color": "data.extra(color)"//data(color)
})
エクストラの外側にある場合に color プロパティにアクセスする方法は知っていますが、JSONの例でわかるように、エクストラ コンポーネント内で使用したいと考えています。
css の色を設定するには、追加のコンポーネントにどのようにアクセスすればよいですか?
どんな助けでも大歓迎です。