echarts splitLine虚实交替

ECharts 是一个使用 JavaScript 实现的开源可视化库，它可以在网页中展示丰富的图表类型。在 ECharts 中，`splitLine` 是一个常用的配置项，用于设置坐标轴上的分隔线样式。`splitLine` 支持通过配置数组来实现虚实交替的效果，使得图表中的网格线在视觉上更加清晰和美观。

要实现 `splitLine` 虚实交替的效果，可以在 ECharts 的配置中对 `splitLine` 对象的 `lineStyle` 属性进行设置，通过 `type` 为 'solid' 来设置实线，通过 'dashed' 来设置虚线，然后通过 `opacity`、`dashOffset`、`dashLength` 等属性来控制虚线的具体样式。

例如，以下是一个设置 X 轴的 `splitLine` 虚实交替样式的代码示例：

option = {
    xAxis: {
        type: 'category',
        data: ['周一','周二','周三','周四','周五','周六','周日'],
        axisLabel: {
            formatter: '{value} 日'
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: 'rgba(0,0,0,0.1)',
                type: 'solid', // 第一条分隔线为实线
                opacity: 0.6
            }
        },
        axisLine: {
            show: false
        }
    },
    yAxis: {
        type: 'value',
        splitLine: {
            show: true,
            lineStyle: {
                type: 'dashed', // 第一条分隔线为虚线
                dashOffset: 0,
                dashLength: 10,
                color: 'rgba(0,0,0,0.1)',
                opacity: 0.6
            }
        },
        axisLabel: {
            formatter: '{value} °C'
        }
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};

在这个配置中，X 轴的 `splitLine` 配置了实线样式，而 Y 轴的 `splitLine` 配置了虚线样式。通过调整 `dashLength`、`dashOffset` 和 `opacity` 等属性，可以得到不同的虚线效果。