13

私は地元のデバッグと私が働いているチャートのコントロールのDAT.guiの幸せなユーザーが、私は基本的に同じ機能DAT.gui - 生産準備の代替

  • コントロールを持っている何かが必要スライダー
  • とintやfloat型の範囲は、カラー

を選ぶしかし、私は私たちの製品を一致し、最終的に新しい機能を追加するために、それをスタイルすることができますので、それはもう少しカスタマイズする必要があります。

そこに何かそんなことはありますか?

+0

ところで、私は何人かの人々が答えを知っているかもしれないことに気づいたが、DAT.guiが何であるかを知らないので、ここでのリンクがある http://workshop.chromeexperiments.com/examples/gui/ #1 - 基本的な使用 – kodisha

+1

dat.GUIのCSSファイルを編集すると何が問題になりますか? –

+0

@JosephLennox、それは私の最後の手段です。しかし、私はソースコードを見ているときに、コードからCSSプロパティを直接設定するコードがいくつか見られることを覚えています。私はコード、スタイル、テンプレートを明確に分離したものを好むだろう。 Btw私はdat.GUIのためのスタイルを完全に理解しており、デモや実験のコントローラーとして本当に素晴らしい作品です。 – kodisha

答えて

7

dat.GUIはすでにあなたのニーズを満たしているので、最善の策はそれに固執することです。それはApache License V2の下でライセンスされていますので、自由に変更したり、クローズドソースプロジェクトにすることができます。全く新しいライセンスで新しいコードをリリースすることもできます(ライセンス比較についてはWikiを参照)。

スタイリングの変更や機能の追加に関しては、独自のCSSスタイルを追加してデフォルトを上書きしたり、独自のjs機能を追加したりすることができます。

編集:ソースを見ると、スタイルはguiディレクトリのstyle.scssファイルに設定されているようです。だから、これを編集して再構築したり、出力CSSファイル自体を混乱させてから、パッケージ全体を再コンパイルすることができます(ソースページにはこのための説明があります)。

+1

ありがとう、ちょうど私が書いたジョセフへの私の応答を見てください。既にDATをカスタマイズしているのは私の最後の選択肢です。 – kodisha

+0

@kodisha私の編集に注意してください。 DAT.guiは既にjsからスタイルを分離しています。提供されたcssまたはscssを編集した後、パッケージを再構築するだけで済みます。 –

7

もう1つのオプションはcontrolkitです。下の図に示すように、データの操作や視覚化には多くのオプションがあります。カラーピッカーとスライダが含まれています。

enter image description here

関連する問題