Question

我们使用以下代码（由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.

然而，我可以运行任何两个，它工作正常。这意味着所有代码都是完美的，但一旦绘制出第二个代码（无论以何种顺序）。第三个不吸引。

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

使用c3js.org的c3的v0.4.11

这是我的jsfiddle

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

谢谢。

Answer 1

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

简单的解决方案就是给它添加一个字母：

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

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

无法在页面上创建两个以上的c3js图形

1 个答案: