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 个对象。

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

eCharts 日历自定义边框颜色

custom border color in Calendar in eCharts

javascript

charts

echarts