2016-03-29 4 views
2

私は実用新案のnvd3折れ線グラフを持っています。チャートによって表されるデータが不安定になることがあります。私は、このようなこの例のように、これを表現するために、異なるラインの一部のスタイルをできるようにしたいと思います。ここではパスの一部だけにストロークダッシュアレースタイルを適用する

enter image description here

を、ドットがとき遠く離れて破線で参加し、フルされています近くにいるときにライン。ストロークダッシュアレイをパスの特定の部分のみに適用することは可能ですか、またはスタイルを変更する各セグメントの新しい行を作成するためにnvd3をトリックする必要がありますか?

答えて

1

パスの一部にストロークダッシュアレーを適用することはできませんが、パスの長さに等しい非常に長いストロークダッシュ配列を作成し、JavaScriptのダッシュの位置を慎重に計算して、あなたの道の一部があなたが破れていることを望みます。

+0

この*ほとんど*は、与えられたx軸の位置に対応するパスの長さを計算する方法を見つけるまでは、私はそれを正しく理解することはできませんが、問題に効果的に答えます。 –

+0

セグメントパスの長さは、2つのポイントの座標の差の平方和の平方根です。http://math.info/Algebra/Distance_Cartesian_Plane/ –

+0

DOMから切り離された別のパス要素を使用して長さを終了しました(直線セグメントを持たない補間にも有効です)。ご協力いただきありがとうございます! –

関連する問題