和手机相处的时光

合集 - 蓝桥杯(21)

1.逃离二向箔2023-06-022.偷梁换柱2023-06-023.课程列表2023-06-024.粒粒皆辛苦2023-06-025.成语学习2023-06-026.消失的 Token2023-06-027.芝麻开门2023-06-028.资讯接口2023-06-029.防抖函数2023-06-0310.element-ui 组件二次封装2023-06-0411.心愿便利贴2023-06-0412.购物车2023-06-0413.绝美宋词2023-06-0414.布局切换2023-06-05

15.和手机相处的时光2023-06-05

16.天气趋势2023-06-0517.阅读吧2023-06-0518.宝贵的一票2023-06-0819.大电影2023-06-0820.封装 Promisefy 函数2023-06-0821.权限管理2023-06-08

收起

习题链接

和手机相处的时光

任务

修复bug，修改坐标轴，将X轴设置为题目要求的

分类 ：ECharts

关键点

1. xAxis属性 / yAxis
   1. 设置type属性，一般是value
   2. data:[显示到X轴中的数据]
   3. 将type设置为categroy，将可以使用data设置自定义的数据
2. series中是存放的要显示的图表数据
   1. 也有type属性可以设置成line、bar、pie等等
   2. 该属性下的data属性就是显示的图表数据

代码实现 && 完整的代码

1. 完整code

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

__EOF__

本文作者：GTK
本文链接：https://www.cnblogs.com/DnmyCourage/p/17457972.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！