2013-03-09 4 views
5

पूरी तरह से प्रस्तुत नहीं करता है, मैं d3.js और nvd3 का उपयोग करके एक लाइन चार्ट बनाने की कोशिश कर रहा हूं, लेकिन मुझे एक प्रतिपादन त्रुटि मिलती है, जो कई तत्वों को गलत तरीके से आकर्षित करने के कारण उत्पन्न कर रहा है, या नहीं बिलकुल।nvd3 बड़े काले बिंदुओं को प्रदर्शित करता है, और

त्रुटि है कि त्रुटि कंसोल में दिखाई देता है Error: Problem parsing d="MZ"

nvd3 के कोड में देखने के बाद, मैंने पाया है कि कोड, तो एक सही बिंदु का एक उदाहरण कोने की एक सूची में शामिल L का उपयोग कर, (है होगा ग्राफ बनाने के लिए d="M0 0L1 1L1 0Z)

मेरे कोड होना है:

nv.addGraph(function() { 
    var chart = nv.models.stackedAreaChart() 
    .x(function (d) { 
    return d[0] 
    }) 
    .y(function (d) { 
    return d[1] 
    }) 
    .showControls(false) 
    .showLegend(false); 

    d3.select('#mygraph') 
    .datum(data2) 
    .call(chart); 

    nv.utils.windowResize(chart.update); 

    return chart; 
}); 

त्रुटि का एक उदाहरण ऑनलाइन here है।

+1

यह nvd3 में एक बग है: https://github.com/novus/nvd3/pull/62 –

उत्तर

5

CSS गुम है (here से)।
मैंने jsfiddle को अद्यतन किया है: http://jsfiddle.net/Sssv7/2/
आपको सीएसएस जोड़ना होगा या इसे कैसा दिखाना चाहिए इसे अनुकूलित करने के लिए अपनी खुद की कक्षाएं जोड़नी होंगी।

संबंधित मुद्दे