蓝桥杯Web组省赛

最新推荐文章于 2024-12-08 10:29:07 发布

原创最新推荐文章于 2024-12-08 10:29:07 发布 · 888 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

蓝桥杯专栏收录该内容

3 篇文章

订阅专栏

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

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",
        },
      ],
    };