問題タブ [parallel-coordinates]

私は平行座標ライブラリ（d3.jsに基づく）でいくつかのデータを表しています（https://github.com/syntagmatic/parallel-coordinates#parallel-coordinates）

コードの主な機能部分は次のとおりです。

これまでのところ正常に動作します:)
しかし、今は平行座標の特定の軸を非表示にしたいです。見せたくないだけ。

軸を完全に削除して、場所を取らず、線がこのディメンションの値の影響を受けないようにしたいのですが、データを操作してそれを行いたくありません。私はプロットを操作したいだけです（それが私がそれを非表示にした理由です）。

APIの説明を検索しましたが、何も見つかりませんでした。インターネットで検索しましたが、何も見つかりませんでした。しかし、最初の軸が隠されているコードの平和を見たことを覚えていると思いますが、再び見つけることができません。
軸を非表示にする方法や解決策を見つけることができる場所を誰か教えてもらえますか? ありがとう、挨拶
ジョーンズ

私は（まだ）githubの平行座標ライブラリ（https://github.com/syntagmatic/parallel-coordinates#parallel-coordinates）（d3.jsに基づく）を使用して、いくつかのデータの表現に取り組んでいます。

現時点では、軸を並べ替えた後、存在しないはずの影があるという問題に直面しています。

ウェブサイトにデータをアップロードすると、プロットは次のようになります。

並べ替え (最初のものを軸に切り替える) 後、プロットは次のようになります。

ここでは、2 番目と 3 番目の軸の間にあるべきではない影が見えます。
他の影は正常に機能します (次の図でわかるように)。この追加のものだけがあります。

.shadows() メソッドを間違った方法で使用している可能性があるかどうか、ライブラリの API の説明を確認しましたが、何も見つかりませんでした。問題、stackoverflow、およびgoogleをチェックしましたが、役立つものは何も見つかりませんでした。

ここに私のコードがあります:

（実行したい場合（動作するはずです）、htmlfileと同じディレクトリにあるインポートディレクトリにd3とpaarcoords libのインポートが必要です）（私の「インポート」ディレクトリは次のリンク: http://ge.tt/31WHTgL2/v/0?c )

主な機能部分は、コードの最後の drawParallelCoordinates メソッドです。

アップロードされた csv ファイルには次のものが含まれます。

内部データ (parcoords へのオーバーハンドリングの直前) は次のとおりです。

質問は次のとおりです。私は間違いをしますか？もしそうなら：私は何を間違っていますか、正しい解決策は何ですか、またはどこで答えを見つけることができますか？
または、ライブラリのバグに直面していますか

更新：（いくつかの追加情報）

似ているものの 1 つ (間違った影の原因にもなります) は、欠落している値または未定義の値が原因である可能性があります。しかし、ここでは、これは当てはまらないと思います。なぜなら、私の小さな(上のpostet)例で値が欠落している可能性があるスポットが見つからなかったからです。

私は、記述された動作がプロットの下部にのみ表示されることを観察しました (これは、隣り合う軸の最小値が接続されている場合のみ)、軸の順序を変更すると、影が残ります。そのため、新しい間違った影を作成できます。(現時点では、最初からそのような間違ったシャドウが存在する可能性があるかどうかはわかりません)

フィドル

ここに作業フィドルがあります: https://jsfiddle.net/x74wemq0/4/
どういうわけか、フィドルの結果ウィンドウでエラーは発生しません。たぶん、私は古いバージョンのライブラリしか持っておらず、バグはすでに修正されています。(私はこれをチェックします)

事前にありがとう
ジョーンズ

私は自分のプロジェクトの1つをjsfiddleで共有して共有できるようにしようとしています(別の質問のために)。
これまでに行ったことは次のとおりです: https://jsfiddle.net/x74wemq0/3/

私はすでに必要なd3.jsも含めています（上記に投稿）。
1つ欠けているのは、このライブラリのインポートですhttps://github.com/syntagmatic/parallel-coordinatesですが、使用する必要があるリンクが見つかりません(正直なところ、使用方法がよくわかりませんそれは正しく）。正しいリンクとは何か、それをどのように使用する必要があるか、またはどこでその方法を学ぶことができるか (初心者向け) を教えてください。

私はすでに試しました：ライブラリの（生の）コードを指すgithubリンクを使用します（https://raw.githubusercontent.com/syntagmatic/parallel-coordinates/master/d3.parcoords.js）しかし、それはしませんでした'動作します (間違った方法で使用した可能性があります。d3.js インポートと同じように使用しました)。

事前にありがとう
ジョーンズ

軸上の特定の値の相対位置を取得する方法はありますか?

例えば：

getPosition("fiat") は 0,75 のような値を返す必要
があります (getPosition は、探している関数のプレースホルダーです)

事前にありがとう
ジョーンズ

d3.js を使用して平行座標を生成しようとしています 私の問題は、最初のスケールが異なる文字列を表示する必要があることです。

元のコードでは次のようになります。

私のテストでは、次のようになります（行なし）： エラーコードは次のとおりです。

エラー: 属性 d="M33,NaNL99,161.37817638266068L165,6.543121881682145L231,16.962488563586458L297,180" の無効な値

ここに私のコードがあります:

平行座標チャートを作成しましたが、レスポンシブにしたいと思います。
応答性をテストする目的で、最初にMike Bostock によるこの例を応答性にすると考えました。

私が直面している問題は、「svg」を「body」タグ内に直接配置すると、完全に機能することです。しかし、いくつかの div 内に「svg」を配置すると、ウィンドウのサイズが変更されるとチャートがトリミングされます。また、svg の高さは 70% と記載されていますが、80% にすると、サイズを変更せずにグラフがトリミングされます。viewBox と preserveAspectRatio を使用する別のオプションがあることは知っていますが、私やコードを読んでいる他の人にとって理解しやすいので、このアプローチを使用しました。アプローチは次のとおりです。

完全なコードの plunker リンクは次のとおりです。コードの何が問題なのか、誰でも指摘できますか?

属性に基づいて各行に lineWidth を設定しようとしています。特定の属性に何らかの値がある場合、そのポリラインの幅を定義する必要があります。

色についても同様の機能があります：

今、私は線幅に似たものを探しています