2014-09-23 5 views
6

से रेखा ग्राफ रंग तो मुझे एक यूआरएल से JSON से जेनरेट किए गए मेरे लाइन ग्राफ़ के रंग बदलने की कोशिश करने में परेशानी हो रही है।सी 3.जेएस यूआरएल

var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
     url: '../URL.JSON', 
     mimeType: 'json', 
     keys: { 
      x: 'Date', 
      value: ["Line1", "Line2", "Line3", "Line4"] 
     }, 
     type: 'line' 
    }, 
    axis: { 
     x: { 
      type: 'category' 
     } 
    }, 
    size: { 
     height: 500 
    }, 
    colors: { 
     'Line1': '#ff0000' 
    } 
}); 

और यहाँ मेरी JSON प्रारूप है:

[ 
    {'Date': '9/23/2014', 'Line1': 12, 'Line2': 54, 'Line3': 23, 'Line4': 5}, 
    {'Date': '9/22/2014', 'Line1': 56, 'Line2': 18, 'Line3': 25, 'Line4': 0} 
] 

किसी कारण रंग लाइन 1 के लिए बिल्कुल भी साथ रंग सेट विशेषता बदली नहीं है के लिए यहाँ मेरी कोड चार्ट उत्पन्न करने के लिए है। तो मैं सोच रहा था कि अगर कोई जानता है कि यूआरएल उत्पन्न सी 3 ग्राफ में रंग कैसे बदलना है।

धन्यवाद।

उत्तर

7

मैंने अपने स्वयं के प्रश्न का उत्तर निकाला, इसलिए मैंने सोचा कि मैं इसे यहां पोस्ट करूंगा।

color: { 
    pattern: ['#363FBC', '#363FBC', '#B73540', '#B73540'] 
} 

बजाय::

मैं जोड़ने के लिए किया था

colors: { 
    'Line1': '#ff0000' 
} 
+1

धन्यवाद साथी। [दस्तावेज़ 'रंग' ऑब्जेक्ट] (http://c3js.org/samples/api_data_color.html) इंगित करते हैं, लेकिन मैं इसे 'पैटर्न' सरणी का उपयोग करके आपके उदाहरण के बिना काम करने में सक्षम नहीं था। – BradGreens

+0

ग्रेट मिल धन्यवाद। – Obsidian

1

colors परम की तरह, data ऑब्जेक्ट के अंदर होना चाहिए:

data: { 
    columns: [ 
     ['data1', 30, 20, 50, 40, 60, 50], 
     ['data2', 200, 130, 90, 240, 130, 220], 
     ['data3', 300, 200, 160, 400, 250, 250] 
    ], 
    type: 'bar', 
    colors: { 
     data1: '#ff0000', 
     data2: '#00ff00', 
     data3: '#0000ff' 
    } 
} 
संबंधित मुद्दे