2016-05-03 17 views
0

特定の範囲(開始日と終了日)に該当するデータセットの数を視覚化しようとしています。 thisの例では、私はそれを行うことができました。私のコードはhereです。下部の視覚化により、ユーザーは年の範囲をフィルタリングできます。フィルタの結果は、上部の視覚化に現れます。ただし、コンソールを確認すると、エラーが表示されます。Intervalツリー:未知のタイプエラー:nullのプロパティ 'mid'を読み取れません

IntervalTree.js:105 Uncaught TypeError: Cannot read property 'mid' of null 

2つの視覚効果のレンダリングが適切でないためです。私はLysenko Interval Treeを使用しています。私はあなたの援助に感謝します。あなたがmonthChartためfilterHandlerを無効にした場合、それは(私は最終的に、再現することができたもの)問題を修正のような例の画像は問題

Example image for better clarification of problem

+0

この例を使用しているうれしいです!それは私のお気に入りです。私はあなたが言及した警告を見ていない、いくつかの特定の範囲を選択する必要がありますか?私は、代わりに悪い文字列の構文について警告を出しています。 (Chrome/OSX) – Gordon

+0

@Gordonこの例に興味をお持ちいただきありがとうございます。私はエラーメッセージのスクリーンショットを含めました。棒グラフで範囲を選択して上部のエリアチャートをフィルタすると、コンソールボックスにエラーメッセージが表示されます。あなたがエリアチャートのラインを見ても、そうでなければならないように滑らかではありません。私は解決策を見つけようとしましたが、何の成功も得られませんでした。 Thanks – user3050590

+0

残念ながら私はあなたが提供したplnkrの例を使ってエラーを再現することができません。私はまだその瞬間を見ています。警告ですが、ミッドエラーではありません。 plnkrを使用しているときにエラーが表示されますか? – Gordon

答えて

1

のより良い明確化のために見えます。

 monthChart.filterHandler(function() {}); 

私はこの問題は、月のチャートは、フォーカスチャートであると、それがフォーカスされたときに何らかの理由でそれが再起動するフィルタであることだと思います。これは、奇妙な振る舞いのように思えます。これは、レンジチャートがすでにフィルタを設定しているためですが、フォーカスチャートではこのような非従来型のディメンションは期待できません。

この例ではまだインターバル機能を使用していないため、これがより大きな意味で機能しているかどうかは不明ですが、それは特に問題です。もう2回フィルタリングすると、奇妙な動作が説明されています。あなたのplnkrの

フォーク:https://plnkr.co/edit/gNtz8glVVNneTekKrjqt?p=preview

+0

ありがとうございました。私はまだこの動作の理由を理解することができませんでしたが、あなたのソリューションは私のメインプロジェクトで完璧に動作します。また、エラーメッセージがインターバルスクリプトを指していたので、インターバルツリーと関連している可能性があります。あなたは天才です、私は自分自身でこの解決策を考えることはできませんでした。 – user3050590

+0

私は今、dc.jsの特異性にかなり慣れていると思います。私は、フィルタ/選択を変更するためにフォーカスチャートをズームしたいかもしれないという理由があると思います。しかし、これを達成するには奇妙な方法ですが、おそらく再考すべきです。それがうれしい! – Gordon

+0

ねえ、私が気づいたもう一つのことは、フォーカスチャートでブラシされているときに範囲チャートが変わるべきではありませんが、現在、範囲チャートのブラシをフィルタリングしても、形状や軸も変更されます。なぜそれが起こっているのか?それはあなたが以前に言及したのと同じ奇妙な振る舞いのせいであり、それについて別の質問をする必要がありますか? – user3050590

関連する問題