echarts例子

最新推荐文章于 2024-05-30 17:51:43 发布

来自菜鸟的咆哮

最新推荐文章于 2024-05-30 17:51:43 发布

阅读量245

点赞数

分类专栏： echarts用法文章标签： javascript

本文链接：https://blog.csdn.net/qq_41540768/article/details/104145096

版权

本文介绍如何利用Echarts库创建一个以时间为横坐标的折线图，适用于展示随时间变化的数据趋势。

摘要由CSDN通过智能技术生成

折线图–以时间作为横坐标

option={
   
title:{
   
text:'动态数据+时间坐标轴'
},
tooltip:{
   
trigger:'axis',
},
xAxis:{
   
type:'time',
splitLine:{
   
show:false
}
},
yAxis:{
   
type:'value',
boundaryGap:[0,'100%'],
splitLine:{
   
show:false
}
},
dataZoom: [{
   
            show: true,
            type: 'inside',
            filterMode: 'none',
            xAxisIndex: [0],
            start: 0,
            end: 100
        }, {
   
            show: true,
            type: 'inside',
            filterMode: 'none',
            yAxisIndex: [0],