蓝桥杯Web组省赛

web_beginner1

于 2022-04-12 08:50:08 发布

阅读量866

点赞数 1

CC 4.0 BY-SA版权

分类专栏：蓝桥杯文章标签： echarts

本文链接：https://blog.youkuaiyun.com/web_beginner1/article/details/124115030

蓝桥杯专栏收录该内容

3 篇文章

订阅专栏

本文讨论了一篇关于Echarts使用中遇到的问题，即x轴和y轴的数据展示出现错误。博主发现数据和坐标轴类型设置不匹配，导致轴反了。解决方案是调整Echarts配置，正确设置x轴为`category`类型，y轴为`value`类型，确保数据对应正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

3.和手机相处的时光

考点：echarts的使用

提示，坐标轴的显示不正确，分析数据，是echarts的x,y轴反了

修改

var option = {
      title: {
        text: "一周的手机使用时长",
      },
      yAxis: {
        type: "value",
        data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
      },
      xAxis: {
        type: "category",
      },
      series: [
        {
          data: [2.5, 2, 2.6, 3.2, 4, 6, 5],
          
          type: "line",
        },
      ],
    };