gpt4 book ai didi

javascript - DimpleJS 中的基本四象限图 (D3)

转载 作者:行者123 更新时间:2023-12-03 10:24:41 25 4
gpt4 key购买 nike

我正在尝试DimpleJS第一次尝试画这样的东西:

enter image description here

有人知道我哪里出错了吗?似乎什么也没有出现。

http://jsbin.com/xosehedejo/1/edit

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>

最佳答案

您使用 filterData 的方式会导致库崩溃,这就是为什么没有发生任何事情。然后,当您更正将绘制轴但不会绘制任何内容时,您需要添加 series 来告诉 dimple 如何绘制数据。

如果一切都正确完成,那么您应该得到类似 this 的信息.

我之前没有酒窝的经验,但是为了创建这个我使用了 this example然后this wiki了解不同方法如何协同工作。

关于javascript - DimpleJS 中的基本四象限图 (D3),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29457659/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com