echarts 两个柱状图都在一边了 不分开是什么呢 好像两个数据合成一个数组的感觉

最好的陪521yyf
  • 728

clipboard.png

想要的是两个分开的 17是17 18在18那边 现在两个都在一边是什么原因呢?

clipboard.png

  series: [
        {
        name: '数据加载中...', //发电量
        type: 'bar',
        yAxisIndex: 0,
        barWidth: 20, //固定柱子宽度
        data: [0, 0],
        areStyle: {
            smooth: false,
            // smoothMonotone:"x"
        },
        label: {
            normal: {
                show: true,
                position: 'top'
            }
        },
        // data: [ cirone, cirtwo],
        itemStyle: {
            //通常情况下:
            normal: {           //每个柱子的颜色即为colorList数组里的每一项,如果柱子数目多于colorList的长度,则柱子颜色循环使用该数组
                color: '#1a947d'
                    // color: function (params){
                    //     var colorList = ["#1a947d"];
                    //     return colorList[params.dataIndex];
                    // }
            },
            areStyle: {
                smooth: false,
            }
        }
    }, {
        name: '数据加载中...', //厂用电率
        type: 'bar',
        yAxisIndex: 0,
        barWidth: 20, //固定柱子宽度
        data: [0, 0],
        areStyle: {
            smooth: false,
            // smoothMonotone:"x"
        },
        label: {
            normal: {
                show: true,
                position: 'top'
            }
        },
        // data: [cirthree,cirfour],
        itemStyle: {
            //通常情况下:
            normal: {         //每个柱子的颜色即为colorList数组里的每一项,如果柱子数目多于colorList的长度,则柱子颜色循环使用该数组
                color: '#ec9000'

            },
            areStyle: {
                smooth: false,
            }
        }
    }
    ]
    
    
  在线等   
    
    
    
回复
阅读 3k
3 个回答

不是同一个series,具体修改方案参照案例和文档

把最后的option的值美化然后发出来。我直接调一下给你

你应该把两个data都放到series[0].data里去,series是一个数组,表示多根颜色的柱状图,只有一个颜色的数据的话,把数组赋值给series[0].data

宣传栏