eCharts 中日歷中的自定義邊框顏色

Question

這是我的 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)
    }
};

所以想改變月份邊框的顏色。

Answer 1

在calendar中添加splitLine object 。

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