基本四個象限情節

我嘗試DimpleJS首次，並試圖得出這樣的事：基本四個象限情節

enter image description here

任何人都知道我錯在哪裏，雖然？似乎沒有出現。

window.onload = function() { 
 

 
    var data = [ 
 
    { 
 
     x:-1, 
 
     y:3 
 
    }, { 
 
     x:2, 
 
     y:-1.5 
 
    }, { 
 
     x:5, 
 
     y:2.5 
 
    } 
 
    ]; 
 
    
 
     var svg = dimple.newSvg("#chartContainer", 590, 400); 
 
     var myChart = new dimple.chart(svg, data); 
 
    
 
     dimple.filterData(data); 
 
     myChart.addMeasureAxis("x"); 
 
     myChart.addMeasureAxis("y"); 
 
     myChart.draw(); 
 

 
};

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Test</title> 
 
    </head> 
 
    <body> 
 
    <div id="chartContainer"></div> 
 
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> 
 
    <script src="https://rawgit.com/mbostock/d3/master/d3.min.js"></script> 
 
    <script src="http://dimplejs.org/dist/dimple.v2.1.2.min.js"></script> 
 
    </body> 
 
</html>

來源

2015-04-05 Flynt Hamlock

您使用的方式，這使得圖書館崩潰filterData，這就是爲什麼沒有任何反應。然後，當您更正軸將被繪製但沒有繪製時，您需要添加series以告知dimple如何繪製數據。

如果一切正常完成，那麼你應該得到像this這樣的東西。

我沒有使用酒窩的經驗，但是爲了創建這個我使用this example然後this wiki來理解不同的方法是如何協同工作的。

來源

2015-04-05 14:13:46 sudo

超級棒 - 謝謝！ – 2015-04-05 14:31:55

試圖通過刪除類型和圖例來簡化它。我看到一些人使用'addSeries（null，...）'但是這怎麼在這裏不起作用呢？ http://jsbin.com/yazutovezi/1/edit?js,output – 2015-04-05 17:01:20

此外，刪除類型後，當懸停每個泡泡似乎有兩個'x'的實例：http://jsbin.com/yabokuqawe/1 /編輯？js，輸出 – 2015-04-05 17:25:21

基本四個象限情節

回答

相關問題