sun5000w 2022-09-02 20:44 采纳率: 100%
浏览 254
已结题

echarts 柱形图如何放折线图上面

echarts 柱形图如何放折线图上面,就是柱形图压住折线图,我试着移动了代码的先后位置,不起作用。柱形图那段放到最前面也不行,后面也不行,都是折线图压柱形图,我想要柱形图压折线图。

img

   series: [

       {
            name: '1',
            type: 'line',
            data:arr71,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
       {
            name: '2',
            type: 'line',
            data:arr72,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
       {
            name: '3',
            type: 'line',
            data:arr73,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
       {
            name: '4',
            type: 'line',
            data:arr74,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
       {
            name: '5',
            type: 'line',
            data:arr75,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
       {
            name: '6',
            type: 'line',
            data:arr76,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
       {
            name: '7',
            type: 'line',
            data:arr77,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
                
       {
            name: '8',
            type: 'line',
            data:arr78,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        }, 
            {
            name: '红色',
            type: 'line',
            yAxisIndex: 1,
            color: 'red',
            data:arr79,
             lineStyle:{
                     width:1//设置线条粗细
             },
             symbolSize:1,//拐点大小
        },
            {
              name: '柱形图',
              type: 'bar',
              barWidth: 3,
             
              itemStyle:{
                 
                normal: {
                    color: function (params) { //根据数值大小设置相关颜色
                        if (params.value < 0) {
                            return 'green'
                        } else {
                            return 'red'
                        }
                    }
                }
              },
            data:arr88,
            },

    ]

  • 写回答

1条回答 默认 最新

  • Z_pigeon 2022-09-02 21:08
    关注

    z默认是2,可以给折线图设置z:1 ,就会放置在下面

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 9月10日
  • 已采纳回答 9月2日
  • 创建了问题 9月2日

悬赏问题

  • ¥15 Attention is all you need 的代码运行
  • ¥15 一个服务器已经有一个系统了如果用usb再装一个系统,原来的系统会被覆盖掉吗
  • ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时,终端显示出了sequence handled的进度条,但是并不出结果就自动终止回到命令提示行了是怎么回事:
  • ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
  • ¥30 关于<main>标签页面跳转的问题
  • ¥80 部署运行web自动化项目
  • ¥15 腾讯云如何建立同一个项目中物模型之间的联系
  • ¥30 VMware 云桌面水印如何添加
  • ¥15 用ns3仿真出5G核心网网元
  • ¥15 matlab答疑 关于海上风电的爬坡事件检测