在 ECharts 中,你可以通过 checkpointStyle 属性来配置时间轴中当前项的图形样式,即当前播放到的时间点的样式。以下是一个简单的例子,演示了如何配置当前项的图形样式:
option = {
    timeline: {
        data: ['2010', '2011', '2012', '2013', '2014', '2015'],
        checkpointStyle: {
            symbol: 'diamond', // 图形的形状,可选为 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
            color: 'red', // 图形颜色
            borderColor: 'blue', // 图形边框颜色
            borderWidth: 2, // 图形边框宽度
            label: {
                show: true, // 是否显示标签
                position: 'inside', // 标签位置,可选为 'inside', 'left', 'right', 'top', 'bottom'
                color: 'green', // 标签颜色
                fontSize: 12 // 标签字号
                // 其他 label 配置项...
            }
        },
        // 其他 timeline 配置项...
    },
    series: [
        {
            type: 'bar',
            data: [10, 20, 15, 25, 30, 18],
            // 其他 series 配置项...
        }
    ],
    // 其他配置项...
};

在上面的例子中,timeline 的 checkpointStyle 属性用于配置当前项的图形样式。你可以设置 symbol 为不同的形状,比如 'circle'、'rect'、'diamond' 等。通过设置 color、borderColor、borderWidth 等属性,可以调整当前项图形的颜色和边框样式。

label 属性用于配置当前项的标签样式,包括是否显示、位置、颜色、字号等。在示例中,标签被设置为显示在图形内部,颜色为绿色,字号为12。

你可以根据实际需求调整这些配置项,以满足你对时间轴当前项图形样式的具体定制要求。在 ECharts 的官方文档中,你可以找到更多有关时间轴的配置选项和示例:[ECharts Timeline](https://echarts.apache.org/examples/en/editor.html?c=scatter-nutrients)。


转载请注明出处:http://www.zyzy.cn/article/detail/5374/ECharts