Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3气泡图-从json获取数据_Javascript_Json_D3.js - Fatal编程技术网

Javascript D3气泡图-从json获取数据

Javascript D3气泡图-从json获取数据,javascript,json,d3.js,Javascript,Json,D3.js,我是javascript和D3的初学者。我想用D3创建一个气泡图,我需要从外部文件获取数据。我也找过其他的方法,但似乎什么都不管用。有人知道我怎么做吗 function animatedBubbleChart() { var bubbleChart = new d3.svg.BubbleChart({ supportResponsive: true, size: 800, innerRadius: 600 / 3.5, ra

我是javascript和D3的初学者。我想用D3创建一个气泡图,我需要从外部文件获取数据。我也找过其他的方法,但似乎什么都不管用。有人知道我怎么做吗

function animatedBubbleChart() {
    var bubbleChart = new d3.svg.BubbleChart({
        supportResponsive: true,
        size: 800,
        innerRadius: 600 / 3.5,
        radiusMin: 50,
        data: {
          items: [//replace this with data from a json
            {text: "2010", count: "170"},
            {text: "2011", count: "170"},
            {text: "2012", count: "170"},
            {text: "2013", count: "170"},
            {text: "2014", count: "170"},
            {text: "2015", count: "170"},
            {text: "2016", count: "170"},
          ],
          eval: function (item) {return item.count;},
          classed: function (item) {return item.text.split(" ").join("");}
        },
        plugins: [
          {

您可以使用d3.csv函数在指定的url处返回csv文件的新请求。这个问题有一个很好的答案! 范例

对于json,类似地

d3.json("test.json", function(data) {
  console.log(data[0]);
});

我会试着摆弄一把小提琴,以便人们能更好地帮助你

嗯,这看起来不像是一个纯粹的D3代码,这里有一些插件。所以,请编辑您的问题,告诉我们您正在使用的插件是什么,这样您就可以得到适当的帮助。另外,我删除了代码段,它只用于运行代码。什么不起作用?加载数据是唯一的问题吗?请更新您的问题以进行详细说明。不确定我为什么会投反对票,这是正确的答案,如果asker可以拿出一个小提琴Id附加他的作品来反映这一点。我想他是在问您如何提出Ajax请求,然后在d3图表中解析数据。我也在找同样的东西
d3.json("test.json", function(data) {
  console.log(data[0]);
});