基于echarts的柱状堆积图和折线图的实现

小小小菜鸟1997

于 2021-08-19 19:10:44 发布

阅读量434

点赞数 1

本文链接：https://blog.csdn.net/HuLuWa1997/article/details/119809105

版权

本文介绍了如何使用Echarts库创建柱状堆积图和折线图，展示了具体的效果，详细讲解了配置项设置与数据处理方法。

摘要由CSDN通过智能技术生成

 var carbonOption = {
   
            color: ['#3bc4fd', '#c3a1f9', '#e5984b', '#23c85a', '#fb7d80', '#62b2b7','#c19e08','#fb8137'],
            legend: {
   
                data: ['电力', '钢铁', '造纸', '电网', '化工', '建材', '有色', '石化'],
                top: 'top',
                left: '20%',
                textStyle: {
   
                    fontSize: 12,
                    color: '#fff'
                }
            },
            grid: {
   
                top: '35%',
                left: '10%',
                right: '2%',
                bottom: '20%'
            },
            tooltip: {
   
                trigger: 'axis',
                axisPointer: {
   
                    type: 'shadow',
                    label: {
   
                        backgroundColor: '#283b56'
                    }
                }
            },
            yAxis: [
                {
   
                    type: 'value',
                    min: 0,
                    max: 70,
                    axisLabel: {
   
                        formatter: '{value} ',
                        color:'#ffffff'
                    },
                   axisLine: {
   
                        lineStyle: {
   
                            ty