3

私は次のjsonを持っており、グリッドを作成する必要があります。また、グリッドの上に値に基づいて垂直線を表示する必要があります。

var arr = [];

 arr= [
   {"Measure":"Air Pollution","Rank":"1","Value":"15.5"},
   {"Measure":"Water Pollution","Rank":"2","Value":"13.5"},
   {"Measure":"Soil Erosion","Rank":"3","Value":"10.5"}
 ]

次に、グリッドを作成する必要があり、グリッドの上に、「値」に基づいて垂直バーを作成する必要があります。3つの値があるため、3つのバーが作成されます。ここで、グリッドの最初の行を選択すると、最初の垂直バーを強調表示する必要があります。同様に、最初の垂直バーを選択すると、グリッドの最初の行が選択されます。KendoUIグリッドを使用しているので、グリッドの作成は問題ではありませんが、垂直バーを作成するために、選択が行き詰まっています。何か意見はありますか？

ありがとう。

4

2 に答える 2

1

要素の使用に関する@BogdanM.の提案に基づいて、 jQueryを使用して作成された垂直バーを示すjsFiddledivを設定しました。数値の配列として値の入力を中継し、それらをDOM要素に変換して、それに応じて高さを設定します。

このデモは、OPが提供するデータ構造を使用するように非常に簡単に更新でき、選択動作機能も追加できます。

この最終バージョン（コンポーネントの構築と選択動作の割り当ての両方のための完全なソリューションが含まれています）は、jsFiddleの完全なデモで見ることができます。

残っているのは、選択機能のハンドラーをセル/行リスナーとしてKendoUIグリッドに割り当てることだけです。

于 2012-04-12T08:06:53.540 に答える
1

データを棒グラフとして視覚化することを目指しているようです。もしそうなら、車輪を再発明しないでください。その目的のために設計された優れた JS ライブラリがたくさんあります。

HighChartsを使用して良い経験をしました。試してみてください。

免責事項: これはやり過ぎかもしれませんが、コンポーネントが汎用である場合に適したソリューションです (柔軟なデータとの将来の互換性のため)。

于 2012-04-12T07:42:08.247 に答える