dimple.js Rozptyľovanie problémov - d3.js, dimple.js

v nižšie uvedenom kóde, som vykreslil rozptylový sprisahanie. existuje niekoľko otázok, ktoré mám. tavený graf nájdete tu: http://jsfiddle.net/dizzy0ny/ch2187dd/4/

   var data1 = [
{"x":0.123,"y":0.046},
{"x":0.032,"y":-0.0345},
{"x":-0.044,"y":-0.0505},
{"x":0.05,"y":0.076},
{"x":0.04,"y":0.036},
{"x":-.034,"y":0.029},
{"x":-.023,"y":0.087},
{"x":0.034,"y":0.067},
{"x":0.024,"y":0.048},
{"x":0.087,"y":-0.09},
];
var svg = dimple.newSvg("#chartContainer", 600,600);

var myChart = new dimple.chart(svg);
myChart.setBounds(90, 35, 480, 400)
xAxis = myChart.addCategoryAxis("x", "x");
yAxis = myChart.addCategoryAxis("y", "y");
xAxis.showGridlines = true;
yAxis.showGridlines = true;
xAxis.tickFormat = "%"
yAxis.tickFormat = "%"
yAxis.ticks = 5
xAxis.ticks = 5
s1 = myChart.addSeries("Price Tier", dimple.plot.bubble, [xAxis, yAxis]);
s1.data = data1
myChart.addLegend(90, 480, 330, 20, "left");
myChart.draw();

1. Prečo vlastnosť osí klieští nefunguje? Vo vyššie uvedených krokoch chcem len 5 štítkov pozdĺž osi
2. V grafe si všimnite, že "5%" a "3%" sa zobrazujú ako štítky dvakrát. je to tak zabrániť?
3. Všimnite si nepárny vertikálny biely priestor v strede grafu, kde má byť riadok "0%". Prečo nie je zobrazené 0% a prečo nie je v tom bode osi x vertikálna čiara?
4. Prečo neexistuje žiadna čiara v smere vertikálnej osi y (ako vidíte pozdĺž osi x nad štítkami?
5. a nakoniec existuje jednoduchý spôsob, ako vykresliť regresnú čiaru na tomto grafe?

Ďakujem pekne

odpovede:

Používali ste osi kategórií, ktoré sú poradovéosí odlišných hodnôt. To je dôvod pre správanie, ktoré popíšeme, že sa s nimi zaobchádza ako s textovými hodnotami, nie s číslami. Skúste použiť os merania takto:

xAxis = myChart.addMeasureAxis("x", "x");
yAxis = myChart.addMeasureAxis("y", "y");

Tiež je potrebné upraviť sériu tak, aby zahŕňala rozmery x a y, inak budú agregované:

s1 = myChart.addSeries(["x", "y", "Price Tier"], dimple.plot.bubble, [xAxis, yAxis]);

Tu funguje.

http://jsfiddle.net/ch2187dd/5/

Regresná línia je samostatná záležitosť, neexistuje žiadna výnimka, mali by ste tieto body vypočítať ručne.