有滑块拖动x轴的echarts图表

最新推荐文章于 2024-04-25 22:52:53 发布

小小小菜鸟1997

最新推荐文章于 2024-04-25 22:52:53 发布

阅读量827

点赞数 1

本文链接：https://blog.csdn.net/HuLuWa1997/article/details/117114661

版权

本文介绍了如何使用Echarts库创建一个带有滑块拖动功能的X轴图表。通过滑块，用户可以方便地查看图表数据的不同部分，增强了数据交互体验。

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

option= {
   
    // backgroundColor: '#232f62',
        tooltip: {
   
          trigger: 'axis'
        },
        grid: {
   
          x: '9%',
          y: '15%',
          x2: '3%',
          y2: '25%'
        },
        legend: {
   
          show: true,
          right: '5%',
          top: '8%',
          icon: 'rect'
        },
        calculable: true,
        xAxis: [{
   
          type: 'category',
          data: ['一级', '二级', '三级', '四级', '五级', '普调'],
          axisLine: {
   
            show: true,
            lineStyle: {
   
              color: '#979797',
              width: 1
            }