无法创建一个页面

上两个以上c3js图我们用下面的代码（由PHP生成，但最终这是客户端）无法创建一个页面

c3.generate({'bindto':'#b65d3422__salestaffcommunication_xepan_base_view_chart_chart','data':{'keys':{'x':'name','value':['Email','Call','Meeting']},'groups':[['Email','Call','Meeting']],'json':[],'type':'bar'},'axis':{'x':{'type':'category'},'rotated':true},'onrendered':function(ev,ui){$(".widget-grid").masonry({'itemSelector':'.widget'})}}); 
c3.generate({'bindto':'#f67e14d8__t_masscommunication_xepan_base_view_chart_chart','data':{'keys':{'x':'name','value':['Newsletter','TeleMarketing']},'groups':[['Newsletter','TeleMarketing']],'json':[],'type':'bar'},'axis':{'x':{'type':'category'},'rotated':true},'onrendered':function(ev,ui){$(".widget-grid").masonry({'itemSelector':'.widget'})}}); 
c3.generate({'bindto':'#517df254__ableworkforce_xepan_base_view_chart_chart','data':{'columns':[['present',11.111111111111]],'type':'gauge'},'color':{'pattern':['#FF0000','#F97600','#F6C600','#60B044'],'threshold':{'values':[30,60,90,100]}},'onrendered':function(ev,ui){$(".widget-grid").masonry({'itemSelector':'.widget'})}});

而在去年的图表不会绘制。显示

SyntaxError (DOM Exception 12): The string did not match the expected pattern.

但是，我可以运行任何两个，它工作正常。这意味着所有的代码都是完美的，但是一旦得到第二个代码（不管顺序如何）。第三个不画。

它是任何已知的错误，或任何已知的解决方法。

使用c3的v0.4.11从c3js.org

这里是我的jsfiddle

https://jsfiddle.net/2yy2mjaf/1/

谢谢。

来源

2016-11-15 Gowrav Vishwakarma

没关系，大家好！是从编号开始的div id问题。我预先拼写了一个字母表，一切开始工作。为他人留下答案。 –

真的，队友？你完全假装我的答案不在那里吗？只要看看我的答案的时间戳和评论的时间戳就可以了。在这种行为下，你没有得到太多的帮助。 –

@GerardoFurtado，糟糕，抱歉。我真的没有刷新页面，我很欣赏你的努力。谢谢你在任何情况下:) –

ID 不能以数字开头，这是您的第三个ID的情况。

简单的解决方案只是增加了一封信给它：

'bindto':'#a517df254_ //just put an "a" before the number here

这里是你的提琴：https://jsfiddle.net/7dkLdg32/

来源

2016-11-15 09:34:30

无法创建一个页面

回答

相关问题