0
私はZeppelin Tableを使用してドリルダウン機能を開発できるように、テーブルの列の1つに各値をクリック可能にするようにしています。しかし、次のサンプルコードはまったく動作しません。ツェッペリンのテーブルをドリルダウンするには？
print(s"""%table
a\tb\n%html <button>x</button>1\t2\n%html <button>y</button>3\t4
""")
A
答えて
0
この作業を行うにはかなりの労力が必要です。
基本的な考え方は、データソース（Spark DataFrameなど）を完全な自己完結型のHTMLセクションに変換することで、Zeppelinによって解釈されます。非表示と表示は、javascriptライブラリで処理する必要があります。
ツェッペリンはブートストラップを使用しているので、直接ブートストラップライブラリを使用します。これは、Bootstrap cllapseを助けるかもしれません。おそらく、より多くのスタイリングが必要です。
厳密にテーブルではなくドリルダウン機能を使用したい場合は、 Sparkを使用している場合、
+0
ありがとうRockie、私は午前中にspark-highchartsを探索していますが、残念ながらテーブルデータで機能が必要です。 –
+0
最も近いハイチャートはヒートマップです。http://www.highcharts.com/demo/heatmap –
+0
こんにちはロッキー、私はちょうどテーブルの行をクリックし、テーブルの最初の列のデータに基づいて、次の段落で別のテーブルを表示する必要があります。 –
0
のような機能を実現するには、spark-highchartsで少し簡単かもしれません。問題は、最初の列にhtmlタグがあると思われますが、動作しません。ただし、他のすべての列で機能します。正面にもう1つのコラムを追加するだけで機能しました。
print(s"""%table
dummy\ta\tb\np1\t%html <button>x</button>1\t2\np1\t%html <button>y</button>3\t4
""")
+0
この問題はZeppelin 0.7.0で修正されました。最初の列でもhtmlを使用できます。 –
私はツェッペリンを使用しています。0.6.1 –
段落とインタープリタのバインディングを含むスクリーンショットを共有できますか？ – 1ambda
私はApache Sparkを使用していますが、Angular以外のバインディングはありません。私の実際のコードはかなり複雑です。簡単にテストできるようにこのコードを作成しました。このコードをコピーするだけでコピーできます。 ％htmlを削除した場合は動作しますが、ボタンはテキストとして表示されます。 –