Javascript eCharts中日历中的自定义边框颜色

以下是我的Echart热图日历的代码：

option = {
    visualMap: {
        min: 0,
        max: 10000,
        type: 'piecewise',
        orient: 'horizontal',
        left: 'center',
        top: 65,

    },
    calendar: {
        top: 120,
        left: 30,
        right: 30,
        cellSize: ['auto', 13],
        range: '2016',
        itemStyle: {
            borderWidth: 0.5
        },
        yearLabel: {show: false}
    },
    series: {
        type: 'heatmap',
        coordinateSystem: 'calendar',
        data: getVirtulData(2016)
    }
};

---

所以想改变月边框的颜色

在

calendar

中添加

splitLine

对象

calendar: {
    top: 120,
    left: 30,
    right: 30,
    cellSize: ['auto', 13],
    range: '2016',
    splitLine:{
      lineStyle:{
          color:'red' // This will change the border color
      }  
    },
    itemStyle: {
        borderWidth: 0.5,
    },
    yearLabel: {show: false}
},

---

在

日历中添加
splitLine
对象

calendar: {
    top: 120,
    left: 30,
    right: 30,
    cellSize: ['auto', 13],
    range: '2016',
    splitLine:{
      lineStyle:{
          color:'red' // This will change the border color
      }  
    },
    itemStyle: {
        borderWidth: 0.5,
    },
    yearLabel: {show: false}
},