2016-08-30 16 views
0

私はHighchartsJavascriptの両方にかなり新しいです。私はtreemapに取り組んでおり、そのvalueキーに基づいてデータポイントを除外するためのスライダーを組み込みたいと考えています。ハイチャートTreemapにスライダーを追加

私はこれからスライダーコードを使用しようとしています:http://jsfiddle.net/BLKQf/

私は自分のコードに統合すると、スライダーが実際に表示されないと、私のチャートが表示されません。

http://jsfiddle.net/56huej7j/

私は私のDataJSONでありません(サンプルのように)リストが、私はそれを修正するjavascript十分を知らないので、それがかもしれないと思います。


EDIT:

私が働いてそれを得ました。

http://jsfiddle.net/8n3hfcn8/

答えて

0

あなたはいくつかの問題持っている::。jQueryUI(ジャバスクリプトパネル内のJavaScriptのドロップダウンを見て第一含まず終了});

  • がありません

    1. をで働いソリューション参照されるフィドルにはjQuery UI 1.9.2が含まれています
    2. あなたは、ツリーマップのデータを正しく設定していません。

    http://jsfiddle.net/56huej7j/1/

  • +0

    ありがとうございました。いくつかの質問。 JQueryのUIにスクリプトタグを含めて、JSFiddleから移植できるようにしたいと思います。なぜ 'が動作しないのですか?また、スライダは値を掛けるだけです。スライダーで値を除外したいと思います。したがって、4をスライドすると、4未満の値のボックスは表示されなくなります。 – user2242044

    +0

    私はあなたの計算のロジックを残しておきます。私はちょうどいくつかの計算例をしました。私は、あなたがリンゴ、バナナ、オレンジについて報告していないと仮定しています:)あなたが実際にロジックの助けが必要な場合は、あなたが試したものと何が効かなかったのかを示す別の質問を投稿してください。 –

    +0

    あなたのスクリプトタグがうまくいかなかったのは、CSSも必要だからです。 https://developers.google.com/speed/libraries/#jquery-ui –

    関連する問題