c3.generate 没有抛出错误
c3.generate not throwing error
我正在使用 c3 + d3 + javascript 在网页中创建折线图。我设法创建了一个在本地运行良好的代码,但是当我将它上传到我的服务器时,代码停止运行了。我在下面解释问题:
问题:c3.generate上传到服务器时没有抛出错误
JSFiddle: http://jsfiddle.net/xq6wmyvp/10/
var chart;
function initialize(path) {
try {
c3.generate({
bindto: '#chart',
data: {
x: 'label',
url: path,
type: 'line',
},
axis: {
x: {
type: 'categories',
label: {
text: 'days',
},
},
y: {
label: {
text: 'yield',
},
tick: {
format: d3.format(".2%")
}
}
},
});
} catch (err) {
return false;
}
return true;
}
var path1 = 'https://gist.githubusercontent.com/SamMorrowDrums/f571240047c0344a4af8/raw/433eae455570b64edcdc7ece39416b468b612f49/test.csv';
alert(initialize('blabla'));
代码说明:代码(在fiddle中)有一个函数,使用一些数据初始化带有折线图的图表。数据的路径作为该函数的变量给出(称为 'initialize(path)')。此函数使用 c3.generate 创建图形。如果数据不可用或不存在,c3.generate 会抛出错误(这在本地有效,但在上传到服务器时无效 - 这就是问题所在)并且函数(初始化)returns 为 false。如果数据存在,则加载图形并且 'initialize' returns 为真。
问题重述:将代码上传到服务器后,函数'initialize(path)'只有returns'true',即使数据是不是 available/non-existent.
我不知道如何解决这个问题。你能帮助我吗?
感谢阅读!
(Github link 问题: https://github.com/masayuki0812/c3/issues/960)
正如我在评论中所述,在幕后,c3 正在使用 d3.xhr 来检索数据。这是一个异步调用,意味着它在您的 try 块之外。
可能的解决方法包括:
1.) 在第 1903 行 c3 source code 中修复它,您会看到错误正在被删除。
2.) 创建一个 global error handler
3.) 不要使用 c3 的 url 选项。发出您自己的 d3 xhr 请求(以正确的方式处理错误),如果成功,则使用 columns
选项调用 c3.generate。我就是这样做的。
d3.csv("path/to/file.csv", function(error, json) {
if (error){
// handle error properly
return;
}
c3.generate({
...
});
});
我正在使用 c3 + d3 + javascript 在网页中创建折线图。我设法创建了一个在本地运行良好的代码,但是当我将它上传到我的服务器时,代码停止运行了。我在下面解释问题:
问题:c3.generate上传到服务器时没有抛出错误
JSFiddle: http://jsfiddle.net/xq6wmyvp/10/
var chart;
function initialize(path) {
try {
c3.generate({
bindto: '#chart',
data: {
x: 'label',
url: path,
type: 'line',
},
axis: {
x: {
type: 'categories',
label: {
text: 'days',
},
},
y: {
label: {
text: 'yield',
},
tick: {
format: d3.format(".2%")
}
}
},
});
} catch (err) {
return false;
}
return true;
}
var path1 = 'https://gist.githubusercontent.com/SamMorrowDrums/f571240047c0344a4af8/raw/433eae455570b64edcdc7ece39416b468b612f49/test.csv';
alert(initialize('blabla'));
代码说明:代码(在fiddle中)有一个函数,使用一些数据初始化带有折线图的图表。数据的路径作为该函数的变量给出(称为 'initialize(path)')。此函数使用 c3.generate 创建图形。如果数据不可用或不存在,c3.generate 会抛出错误(这在本地有效,但在上传到服务器时无效 - 这就是问题所在)并且函数(初始化)returns 为 false。如果数据存在,则加载图形并且 'initialize' returns 为真。
问题重述:将代码上传到服务器后,函数'initialize(path)'只有returns'true',即使数据是不是 available/non-existent.
我不知道如何解决这个问题。你能帮助我吗? 感谢阅读!
(Github link 问题: https://github.com/masayuki0812/c3/issues/960)
正如我在评论中所述,在幕后,c3 正在使用 d3.xhr 来检索数据。这是一个异步调用,意味着它在您的 try 块之外。
可能的解决方法包括:
1.) 在第 1903 行 c3 source code 中修复它,您会看到错误正在被删除。
2.) 创建一个 global error handler
3.) 不要使用 c3 的 url 选项。发出您自己的 d3 xhr 请求(以正确的方式处理错误),如果成功,则使用 columns
选项调用 c3.generate。我就是这样做的。
d3.csv("path/to/file.csv", function(error, json) {
if (error){
// handle error properly
return;
}
c3.generate({
...
});
});