Morris.js折れ線グラフのドットポイントの色とスタイルを変更するにはどうすればよいですか？

Question

私はmorris.jsを使って折れ線グラフを描画しますが、折れ線グラフで線の色やスタイルを変更する方法はわかりません。 誰もドットスタイルだけを変更する方法を知っていますか？

ありがとうございました。

Answer 1

pointFillColorsプロパティを使用します。 ドキュメントから：

pointFillColorsシリーズポイントの色。デフォルトはlineColorsと同じ値を使用することにより、ここで

は青線と緑のドットでチャートの一例である：

代わりに「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

：

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'] 
}); 

}

ライン毎に一つの色があるべきです。