無法創建一個頁面

上兩個以上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

無法創建一個頁面

回答

相關問題