美文网首页
Echarts模板(二):簇状柱形图

Echarts模板(二):簇状柱形图

作者: ZhenKuanJiang | 来源:发表于2019-04-28 18:11 被阅读0次

本人刚参加完市场调查大赛,在这个过程中为了画图试过很多软件,相比于Tableau的所见即所得,虽然操作简单,但步骤繁琐,最后我选择使用Echarts画图,它不仅操作简单,而且图像美观,只需要一点点代码基础就能实现。接下来,我向大家分享以下我用到的几个图的模板代码,你在使用的时候均可通过以下代码进行修改,由于本人没有学过JS,不对的地方还请大家多多指教

option = {
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true,
                type: ['pie', 'funnel']
            },
            restore : {show: true},
            saveAsImage : {show: true}                 // 保存图片
        }
    },
    textStyle: {
        fontSize: 25,                                 // 字体大小
    },
    legend: {},
    tooltip: {},
    dataset: {
        source: [
            ['product', '改善前', '改善后'],
            ['办卡费用',86.28,86.47],
            ['器材配置布局',78.06,77.93],
            ['服务意识',74.69,76.86],
            ['课程效果',73.62,75.01],
            ['清洁卫生状况', 69.48,73.65]
        ]
    },
    xAxis: {
        type: 'category',
        axisLabel: {
            textStyle: {
                fontSize: 25                // 坐标轴字号大小
            }
        }
    },
    yAxis: {
        axisLabel: {
            textStyle: {
                fontSize: 25
            }
        }
    },
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        {
            name:'改善前',
            type: 'bar',
            barWidth:55,                // 图像柱宽
            label: {
                normal: {
                    show: true,
                    position: 'top'     // 显示数据的位置
                }
            },
        },
        {
            name:'改善后',
            type: 'bar',
            barWidth:55,
            label: {
                normal: {
                    show: true,
                    position: 'top'
                }
            },
            
        }
    ]
};

以下是效果图

相关文章

  • Echarts模板(二):簇状柱形图

    本人刚参加完市场调查大赛,在这个过程中为了画图试过很多软件,相比于Tableau的所见即所得,虽然操作简单,但步骤...

  • Matplotlib和Seaborn之簇状柱形图

    簇状柱形图 为了描绘两个分类变量之间的关系,我们可以将在上节课见到的单变量条形图扩展为簇状柱形图。和标准条形图一样...

  • 柱形图在PPT里的美化

    哈喽,大家好,我是诗珑。 今天给大家分享的是图表——柱形图在PPT中的美化。 柱形图主要包括:簇状柱形图、堆积柱形...

  • 数据分析图表类之花式运用“柱状图”

    柱形图是我们最常用的一类图表,常用来分析每类数据“有多少”的问题。柱形图又可以延伸为簇状柱形图、堆积柱形图、百分比...

  • 笔记23 - 饼图美化与PPT图表

    (根据王佩丰Excel学习视频整理) 一、双坐标柱形图的补充知识 例: 选中数据,插入簇状柱形图,如图 我们看到指...

  • PowerBI组合图不显示折线只显示标记的技巧

    在PowerBI中有两种组合图: 折线与堆积柱形图和折线与簇状柱形图。 这两个图的折现的笔画宽度可以设置为0,就是...

  • Excel图表——内外柱形图

    温馨提示:【教程+源文件】下载链接见文章底部 1、概述 内外柱形图由双坐标轴簇状柱形图改进而来,常用于两个项目的比...

  • 趁早·PPT模拟人生100天 Day 78:图表篇|柱状图

    柱状图更偏向于单纯的对比,条形图更偏向于从多到少的排名。 插入-图表-7种类型~簇状柱形图~堆积柱形图~百分比堆积...

  • Echarts

    柱形图 原文链接 Echarts学习tooltip提示框

  • 2019-01-17

    echarts特定场景下配置。 1.安装 2.引用 3.修改style标签 一、圆饼图 二、城市柱形图

网友评论

      本文标题:Echarts模板(二):簇状柱形图

      本文链接:https://www.haomeiwen.com/subject/azpjnqtx.html