Morris.js लाइन ग्राफ़ में डॉट पॉइंट रंग और शैली को कैसे बदलें?

Question

मैं लाइन चार्ट ग्राफ आकर्षित करने के लिए morris.js का उपयोग करता है, लेकिन मैं समझ नहीं बस बदलने लाइन चार्ट में रंग और शैली डॉट करने के लिए कैसे। क्या कोई जानता है कि सिर्फ डॉट शैलियों को कैसे बदला जाए?

धन्यवाद।

Answer 1

pointFillColors संपत्ति का उपयोग करें। प्रलेखन से:

पॉइंटफिलकोर्स रंग श्रृंखला के लिए रंग। द्वारा डिफ़ॉल्ट lineColors रूप में एक ही मूल्यों का उपयोग करता

यहाँ ब्लू लाइन और हरे रंग की डॉट्स के साथ चार्ट के उदाहरण है:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="raphael-min.js"></script> 
<script type="text/javascript" src="morris.min.js"></script> 
<script type="text/javascript"> 
function drawChart() { 
    Morris.Line({ 
     element: 'chart', 
     data: [ 
      {y: '2012', a: 100}, 
      {y: '2011', a: 75}, 
      {y: '2010', a: 50}, 
      {y: '2009', a: 75}, 
      {y: '2008', a: 50}, 
      {y: '2007', a: 75}, 
      {y: '2006', a: 100} 
     ], 
     xkey: 'y', 
     ykeys: ['a'], 
     labels: ['Test series'], 
     lineColors: ['#0b62a4'], 
     pointFillColors: ['#00ff00'] 
    }); 
} 

window.onload = drawChart; 
</script> 
<div id="chart" style="width: 400px; height: 250px;"></div> 

Answer 2

"lineColors", कोशिश "रंग" इस तरह के बजाय

:

function drawChart() { 
Morris.Line({ 
    element: 'chart', 
    data: [ 
     {y: '2012', a: 100}, 
     {y: '2011', a: 75}, 
     {y: '2010', a: 50}, 
     {y: '2009', a: 75}, 
     {y: '2008', a: 50}, 
     {y: '2007', a: 75}, 
     {y: '2006', a: 100} 
    ], 
    colors: ['#0b62a4','#D58665','#37619d','#fefefe','#A87D8E','#2D619C','#2D9C2F'] 
}); 

}

हर पंक्ति के लिए एक रंग नहीं होना चाहिए।