ディンプルjs散布図形を変更する

Question

dimple.jsを使用して散布図内の円の形を簡単に変更する方法はありますか？

この場合、色ごとに異なる形が必要です。scatter plot例えば、青の矩形、赤の三角、黄色の括弧...

どうすればいいですか？

Answer 1

カスタムプロット機能を書き込むことによってそれを行うことができます。

特定の機能（ツールチップ、アニメーション、繰り返し描画など）を気にしない場合は、それらを切り取ることでコードを最小限に抑えることができます。ここに星を描画するための最も基本的なプロッタがあります。

var myCustomPlotter = { 
    stacked: false, 
    grouped: false, 
    supportedAxes: ["x", "y"], 
    draw: function (chart, series, duration) { 
    chart._group 
     .selectAll(".my-series") 
     .data(series._positionData) 
     .enter() 
     .append("path") 
    // Path Generated at http://www.smiffysplace.com/stars.html 
     .attr("d", "M 0 10 L 11.756 16.180 L 9.511 3.090 L 19.021 -6.180 L 5.878 -8.090 L 0 -20 L -5.878 -8.090 L -19.021 -6.180 L -9.511 3.090 L -11.756 16.180 L 0 10") 
     .attr("transform", function (d) { 
     return "translate(" + 
     dimple._helpers.cx(d, chart, series) + "," + 
     dimple._helpers.cy(d, chart, series) + ")"; 
    }) 
     .style("fill", "yellow") 
     .style("stroke", "orange"); 
    } 
}; 

http://jsbin.com/mafegu/6/edit?js,output

あなたがツールチップなどの追加を開始したら、それはより複雑になりますが、あなたはそこからベースや仕事など、元のバブル方法を使用することができます：ディンプルので

https://github.com/PMSI-AlignAlytics/dimple/blob/master/src/objects/plot/bubble.js