raphael

    1

    1答えて

    私はRaphael Jsでsvgでレイアウトを作成していました。私は行と列に配置されているいくつかの円を作成しました。付属の画像のように、列に15個の円があり、行に5個の円があるとします。 ここでは、すべての要素が最初に直線で描画されます。これは良いことです。しかし、一部のセットでは、全体のセットを歪ませ、それらを曲線(水平/垂直)に配置したいと思うでしょう。私は範囲スライダを使って要素のカーブを

    6

    1答えて

    緑色のボタンを水平線のパスに沿って移動したいのですが、緑色のボタンがマウスに追従しません。それをドラッグするときに緑のボタンをマウスに追従させる方法は? コード: <script> var pdefs = { horizontalLine: { path: [ ['M',50,240], ['l',640,0] ],

    0

    1答えて

    私はsvg donutchartのonclickイベントを作成しようとしています。 Via default text1が表示されます。他のスライスをクリックすると、対応するテキストとスワップする必要があります。テキストセクションは、円グラフのほかに置く必要があります。 jsfiddle demo slice6.click(function(setVisibility(id, visibility)

    0

    1答えて

    複数のraphael(svg)ノードに対して、私はcssクラスを定義しました。これらのノードはすべて、このクラスを参照することによって選択できます。例: console.log($(':raph(nodecss)')); はすべてのノードの概要を示します。 $(document).on("mousedown", SELECTOR, (function(evt) { console.log(t

    7

    1答えて

    raphael.jsを使用して変更したこのドーナツチャートスクリプトにマーカーを追加する際に助けが必要です。三角形のマーカーを動的に生成する方法を除いて、ほとんどすべての準備が整いました。 JSFiddle:http://jsfiddle.net/aP7MK/73/ function donutChart(total, goal, avg){ var paper = Raphael("

    0

    1答えて

    フランスのインタラクティブマップを作成するためにRaphael拡張機能のMapaelを使用しています。 SVGパスが選択されると、onClickイベントが発生しないようにしたいと思います。 私はこの作業を行うことができましたが、ELSE IFステートメントを使用して、コードブロック内に複製されたり、含まれたりするようなコードをたくさん作成しなければならないと感じました。 この例として、次のコードを

    0

    1答えて

    raphael jsにスタックバーチャートを作成する方法。私はD3jsでそれを知っていますが、それをグラフラjsで作成する方法を見つけることができませんでした。いくつかの入力を分かち合うことができます。

    0

    1答えて

    異なるインスタンスで親と変更ゲージの色に合わせて2)...これは私がこれまで行ってきたものですが、それは動作しません異なるインスタンスで、ゲージの色を変更します。ここ archtype.customAttributes.counter = function (counter, top) { var motto = ''; switch(true) { case(cou

    5

    1答えて

    大きなRaphaelキャンバスには何百ものSVGが描かれており、「raphael pan and zoom」プラグインを使用してズームイン/ズームアウトしています。 このため、私はまず自分のSVGを非常に小さく描画し、ユーザーはズームイン/ズームアウトするだけです。 2pxのテキストサイズが大きすぎるため、1pxのテキストサイズが小さすぎますが、「1.5px」を試してみると、1pxのテキストサイズ

    0

    1答えて

    ラファエルの拡張機能Mapaelを使用して、インタラクティブマップを提供しています。これまでに複数の領域を選択し、クリックすると、今度は一度に1つの領域だけを選択するようにユーザーを制限できます。ここ http://plnkr.co/edit/2UAl4Yax99dJAPIDWuTy?p=preview クリック機能をカバーしてコードの一部です。 eventHandlers: { cli