我搜索过这个并且似乎无法找到成功的答案,我正在使用jQuery ajax调用,我无法得到回调的响应.
这是我的coffeescript代码:
initialize: (@blog, @posts) ->
_url = @blog.url
_simpleName = _url.substr 7, _url.length
_avatarURL = exports.tumblrURL + _simpleName + 'avatar/128'
$.ajax
url: _avatarURL
dataType: "jsonp"
jsonp: "jsonp"
(data, status) => handleData(data)
handleData: (data) =>
console.log data
@avatar = data
Run Code Online (Sandbox Code Playgroud)
这是编译好的JS:
Blog.prototype.initialize = function(blog, posts) {
var _avatarURL, _simpleName, _url,
_this = this;
this.blog = blog;
this.posts = posts;
_url = this.blog.url;
_simpleName = _url.substr(7, _url.length);
_avatarURL = exports.tumblrURL + _simpleName + 'avatar/128';
return $.ajax({
url: _avatarURL,
dataType: "jsonp", …Run Code Online (Sandbox Code Playgroud) 由于这被标记为重复,让我澄清一下我的问题不是我收到Uncaught TypeError: d3.schemeCategory20错误,就像实际上建议的帖子,如果您查看我的代码并且我正在拨打电话与接受的答案相同的方式。如果阅读我的问题,我的图表是填充颜色全黑,我的问题是该d3.schemeCategory20c数组似乎根本没有被调用。我没有错误,但该方法有意外的输出。
我正在阅读Barrett Clark的《数据可视化工具包》一书的第一章。我已经更新了代码以反映 d3 v4中的更改,但我的饼图以一种颜色呈现,这是我的scaleOrdinal 分配
var color = d3.scaleOrdinal(d3.schemeCategory20c);
Run Code Online (Sandbox Code Playgroud)
这是 json 调用:
$.getJSON('/residential/data', function(data) {
totals = data.totals;
var g = svg.selectAll('.arc').data(pie(d3.keys(totals))).enter()
.append('g').attr('class', 'arc');
g.append('path').attr('d', arc).style('fill', function(d) { return color(d.data); });
g.append('text').attr('transform',
function(d) { return 'translate('+ arc.centroid(d) +')'; }).attr('dy', '.35em')
.style('text-anchor', 'middle').text(function(d) { return d.data; });
});
Run Code Online (Sandbox Code Playgroud)
这呈现了一个很棒的饼图,每个切片都填充为黑色,我尝试阅读文档,但似乎找不到这个实现。我从其他人那里了解到这应该有效,但事实并非如此。