ECharts的时间轴样式设置

LL596214569

于 2024-04-08 10:46:39 发布

阅读量240

点赞数 3

分类专栏： vue Javaweb 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/ll596214569/article/details/137499378

版权

Javaweb 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

                    timeline: {
                        orient: 'vertical',
                        axisType: 'category',
                        autoPlay: false,
                        inverse: true,
                        right: 0,
                        top: 5,
                        bottom: 5,
                        width: 100,
                        realtime : true,
                        symbolSize: 3,
                        itemStyle: { // 轴默认样式
                            color : '#000000'
                        },
                        checkpointStyle: { // 拖动按钮样式
                            borderWidth: 0,
                            width: 5,
                            color: '#7f8692',
                            shadowColor: '#7f8692',
                        },
                        controlStyle: { // 前进/后退按钮样式
                            showNextBtn: true,
                            showPrevBtn: true,
                            showPlayBtn: false,
                            width: 1,
                            borderWidth: 0,
                            color: '#000000',
                            shadowColor: '#FF0000'
                        },
                        progress: {  // 轴样式
                            itemStyle :{
                                color: '#000000',
                            }
                        },
                        emphasis: { // 高亮状态下样式
                            controlStyle: {
                                borderWidth: 0,
                                color: '#000000'
                            }
                        },
                        label: {
                            show:true,
                            interval: 20,
                        },
                        data: []
                    },

最后运行结果这样：