一个页面上不能创建两个以上的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.

但是，我可以运行任何两个，并且效果很好。这意味着所有代码都是完美的，但是一旦绘制第二个代码（无论顺序如何）。第三人不抽奖。

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

使用来自c3js.org的c3 v0.4.11

这是我的jsfiddle

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

谢谢你。