問題タブ [chord-diagram]

別のチャートにカーソルを合わせたときに、コード ダイアグラムから特定の行をフェードアウトする作業を行っています。「フェード」機能のコードを見ていると、

そして、誰かが私に d.source.index の意味と d.target.index の意味を説明できるかどうか疑問に思っていました. それがコードのソースであり、コードのターゲットであることは一般的に理解していますが、選択をより適切に操作できるように、「インデックス」の値/意味についてより具体的な洞察を得たいと考えていました。

私の最終的な目標は、ボックスを別の凡例の四角形に重ね、コード ダイアグラムをフェードさせて、凡例のボックスに重ねた色だけが完全な不透明度を維持するようにすることです。

d3 コード ダイアグラムを使用して学習しようとしています。元のスクリプトはhttp://bl.ocks.org/mbostock/1046712#index.htmlにあります

しかし、コードをローカルで使用しようとすると、 TypeError: imports is undefined が発生します

私の index.html には次のコードがあります。正確なデータ形式の readme.json ファイルを作成しましたhttp://bl.ocks.org/mbostock/raw/1046712/readme.json

}

私はローカルホストでApacheを使用しています。

ギターの 6 つの弦を一連の範囲として表す PHP アプリケーションを作成しています。このようにして、一連の数値を加算または減算して、定義した典型的な構造を体系的に変更できます。

範囲は次のとおりです。

以下のコードに問題があります。

関数

ご覧のとおり、これは非常に反復的です。このコードを見るだけで、もっと良い方法が必要だと思います。私が必要としているのは、無限線形の方法で配列を使用することだと思います:

ここで、定義済みの $note => $offset ペアのいずれかを取得し、この配列を 1、2、または 3 回ジャンプさせる必要があります。たとえば、ルートとして開始し、1 つのジャンプを行う場合、4 を追加して「3 番目」にし、その値を「3 番目」に変更する必要があります。しかし、ルートとして開始して 2 回ジャンプする場合は、4 を加算し、3 を加算してから、その値を「5 番目」に変更する必要があります。

私はjsが初めてで、データセットのコード図を次のように描きたいと思っています:

以下のコーディングを使用しましたが、機能しません。

誰でも助けることができますか？どうもありがとう！！！

エンドポイントとして画像が欲しいです。追加しようとしましたが、運がありません。アイデア/実例はありますか?

http://bost.ocks.org/mike/uberdata/

コード ダイアグラムがあり、特定のアークでマウスをコードからコード (アークからアークではなく) に移動すると、すべてのコードが点滅していることがわかりました。アークから別のアークに移動するのではなく、単に同じアークにとどまりますが、点滅しています。「イエメン」にいるときにフィドルをこの例と比較し、マウスをコードからコードに移動すると（イエメンで）、他のコードは点滅しません。しかし、私のダイアグラムでは、アーク「MB」としましょう。マウスを動かすと、他のすべてのコードが点滅します。

おはようございます、

D3を使ってコードダイアグラムを作成しました。しかし、Chrome の一部のバージョンでパスが適切にレンダリングされないという出力の問題が発生しました。

D3 によって生成される問題のあるパスの例を次に示します。

ほとんどのブラウザーでは、1 つの円弧が表示されますが、これは私が期待するものです。しかし、Ubuntu 14.04 で Chrome バージョン 36.0.1985.125 を実行している開発マシンでは、大きな灰色の円の上に円弧が表示されます。大きな円のようなものは、ダイアグラムの残りの部分を台無しにします。

このパスの d 属性に関して特に問題があり、ブラウザによって一貫性のない描画が行われる可能性がありますか?

どうもありがとう。

これは、うまくいかないときに私が見ているもののイメージです。