最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Dynamically loading external data from database into d3.js - Stack Overflow

programmeradmin5浏览0评论

I am trying to get dynamic reloading to work in d3 and I'm having trouble trying to figure out how to refresh the data from the database.

I have an array that contains values should change every second:

var data = [1,2,3,4];

In my initial script, I had PHP pull the data from the database to set up the array, and reloading the page works fine for that, but I'd like to use d3's reload functionality to fetch new data and redraw the diagram.

I'm pletely new to js and d3, so any suggestions would be very helpful.

I tried using jQuery's get mand to call an external PHP script that outputs the values but that doesn't seem to work.

I'm basically trying to replicate the bar chart from Google Analytics real time display.

I am trying to get dynamic reloading to work in d3 and I'm having trouble trying to figure out how to refresh the data from the database.

I have an array that contains values should change every second:

var data = [1,2,3,4];

In my initial script, I had PHP pull the data from the database to set up the array, and reloading the page works fine for that, but I'd like to use d3's reload functionality to fetch new data and redraw the diagram.

I'm pletely new to js and d3, so any suggestions would be very helpful.

I tried using jQuery's get mand to call an external PHP script that outputs the values but that doesn't seem to work.

I'm basically trying to replicate the bar chart from Google Analytics real time display.

Share Improve this question asked Sep 20, 2012 at 19:04 Jeremy WilsonJeremy Wilson 5091 gold badge5 silver badges16 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 1

firstly, you need a page on the server that will output the data in JSON format*. Once you have that page, call it from the browser, and you should get the encoded data appearing on screen (this will prove that the page is hosted properly and returning data)

Next, follow the simple example on the D3 docs link that Yeco posted. You'll need to replace the dummy URL with the address to your new data page, and stick your own function call in there to redraw the chart with the new data.

*Note: I am not familiar with PHP, but it should have either a native JSON encoder, or a library will be available on the net. You'll also need to make sure you set the response mime type appropriately - a quick google should give you the correct mime type - it's something like 'application/json' I think, but can't remember of the top of my head

This might help you: https://github./d3/d3-request/blob/master/README.md#request

Edit: updated link to API v4

发布评论

评论列表(0)

  1. 暂无评论