Javascript 如何更改Morris.js线图中的点颜色和样式？

我过去常常画折线图，但我不知道如何改变折线图中的点颜色和样式。 有人知道如何更改点样式吗

---

谢谢。

使用

pointFillColors

属性。 从文件中：

PointFillColor系列点的颜色。默认情况下，使用与线条颜色相同的值

下面是带有蓝线和绿点的图表示例：

<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>

函数绘图图（）{
莫里斯线({
元素：'图表'，
数据：[
{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']，
标签：[“测试系列”]，
线条颜色：['#0b62a4']，
点填充颜色：['#00ff00']
});
}
window.onload=绘图图；

尝试“颜色”而不是“线条颜色” 像这样：

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

}

---

每行应该有一种颜色。

如果设置颜色时有未知的动态数据，该怎么办？然后你可以有一个颜色数组，并在该数组中提取颜色