2024年最新VUE之Echarts可视化图表双Y轴配置详解_vue yaxis，前端性能优化方法面试

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题

yAxis: [
          {
            type: 'value',
            axisLabel: {
              formatter: '{value}'
            },
            axisTick: {
              show: false// 刻度
            }
          },
          {
            type: 'value',
            axisLabel: {
              formatter: '{value}%'
            },
            axisLine: {
              show: false // 轴线
            },
            splitLine: {
              show: false // 网格线
            },
            axisTick: {
              show: false// 刻度
            }
          }
        ]

配置series

this.option.series = [
            {
              name: '平均金额',
              type: 'line',
              // smooth: true,
              yAxisIndex: 0,//这里注意：0为第一轴；1为第二轴
              data: [140, 232, 101, 264, 90]
            },
            {
              name: '同比',
              type: 'line',
              // smooth: true,
              yAxisIndex: 1,
              lineStyle: {
                type: 'dashed'
              },
              data: [100, 66, 88, 22, 77]


### 最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/45f2869b91b538dd3bb3290ba13bc806.png)  

![](https://img-blog.csdnimg.cn/20210419193354991.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlcGxlcl9JSQ==,size_16,color_FFFFFF,t_70)

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！