echarts双向对比柱状图

最新推荐文章于 2024-07-31 14:40:54 发布

凌晨丶傍晚

最新推荐文章于 2024-07-31 14:40:54 发布

阅读量3k

点赞数 2

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_49561225/article/details/121104688

版权

本文详细介绍了如何利用Echarts库创建一个具有双向对比功能的柱状图，适用于前端开发中数据可视化的场景。通过实例代码，展示了如何配置Echarts选项，包括设置x轴、y轴、系列等，实现数据的对比展示。

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

option = {
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'
                }
            },
            title: {
                text: '各阶段人员分布情况',
            },
            toolbox: {
                show: true,
                feature: {
                    mark: { show: true },
                    saveAsImage: {
                        show: true,
                        pixelRatio: 1,
                        title: '保存图片',
                        type: 'png',
                        lang: ['点击保存']
                    }
                }
            },
            legend: {
                data: ['Expenses', 'Income']
            },
            grid: {
                left: '3%',