Dimple Specific Axis變量值

我的數據嵌套在添加數值滑塊以動態更改年份的希望中。一個條目看起來像：Dimple Specific Axis變量值

key: "dot1" 
values: Array[3] 
[0]: Object 
    x: 3 
    y: 2 
[1]: Object 
    x: 2 
    y: 5 
[2]: Object 
    x: 3 
    y: 5 
key: "dot2" 
etc...

有沒有一種方法來訪問圖形的值？喜歡的東西：

var chart = new dimple.chart(svg, rawData); 
chart.setBounds(90, 35, 480, 325) 
var myyAxis = chart.addMeasureAxis("y", "values[0][y]"); 
var myxAxis = chart.addMeasureAxis("x", "values[0][x]"); 
chart.addSeries(["key"], dimple.plot.bubble); 
chart.draw(1000);

來源

2015-01-12 As3adTintin

您不能添加一個字符串計算作爲衡量性能，所以我知道做到這一點最簡單的方法是對數據進行格式化，以拉平內部數組，所以不是

key: "dot1" 
values: Array[3] 
[0]: Object 
    x: 3 
    y: 2 
[1]: Object 
    x: 2 
    y: 5 
[2]: Object 
    x: 3 
    y: 5

你最終

[ 
{ 'key' : 'dot1', 'x' : 3, 'y' : 2 }, 
{ 'key' : 'dot1', 'x' : 2, 'y' : 5 }, 
{ 'key' : 'dot1', 'x' : 3, 'y' : 5 }, 
]

我得到的這一個基本的例子在這裏工作：http://jsbin.com/rijuvoneyu/1/edit?js,output

它使用underscore.js映射數據集中的每一行，映射每個值數組（將數據集中的每一行記錄爲3），然後將整個結構展平。現在您只需使用'x'和'y'作爲測量軸的屬性。你會注意到我爲每個新的數據行添加了一個唯一的標識符。沒有這一點，如果我只做

var series = chart.addSeries(["key"], dimple.plot.bubble);

酒窩被添加共享相同'鑰匙'在一起的所有值，所以只繪製兩個泡沫。我不確定是否有更好的方法，如果沒有獨特的身份證，就不會有這種情況發生，但它的效果不錯。

來源

2015-01-19 22:02:57 ne8il

Dimple Specific Axis變量值

回答

相關問題