精华内容
下载资源
问答
  • 这样的图一般难在折线图的数据很小,是百分比趋势图,所以经常相对前面主数据太小了,在图里看不到,所以需要用次坐标轴来将其显示出来,下面就介绍这种柱状图添加折线图(百分比趋势图)组合的做法。 Excel百分比...

    Excel柱状图折线图组合怎么做 Excel百分比趋势图制作教程

    用excel作图时候经常会碰到做柱状图和折线图组合,这样的图一般难在折线图的数据很小,是百分比趋势图,所以经常相对前面主数据太小了,在图里看不到,所以需要用次坐标轴来将其显示出来,下面就介绍这种柱状图添加折线图(百分比趋势图)组合的做法。

    Excel百分比趋势图制作教程

    我们就用这个年份、销售量和增长率表格为例作图。

    首先选中销售量和增长率两列数据

    接着如图所示插入柱状图。

    在出现的图上点击鼠标右键,再点击菜单中的选择数据。

    此时会跳出来选择数据源的界面。点击界面右侧的编辑,这里是编辑横坐标轴的数据。

    跳出轴标签以后,选择年份列的2005到2013,点击确定

    回到选择数据源界面,再点击左侧的编辑,这里是编辑图标签。

    跳出编辑数据系列界面后,选择销售量单元格,确定

    同样的方式,编辑好增长率。

    接着,点击图中所示位置,右键单击。

    在菜单中点击设置数据系列格式。

    勾选次坐标轴,关闭。

    再在红色图(增长率图)上右键单击,出现菜单以后点击更改系列图标类型。

    在跳出的页面选择下图所示的折线图。点击确定

    好了,一个柱状图加折现图的完整的做法就完成了。

    更改标签,主要是将横坐标轴变为年份列,这里可根据自己实际情况确定是否需要修改。

    因为增长率相对于销售量太小了,看不见所以很多时候步骤10的位置很难点到,需要多点几次选中以后再进行后续步骤。

    转载于:https://www.cnblogs.com/amengduo/p/9586941.html

    展开全文
  • 在series --> label中添加属性fromatter position: 'top'在顶部显示 option = { legend: { itemWidth: 15, itemHeight: 4, fontSize: 12, data: ['同比', '环比'], right...

    series --> label 中添加属性 fromatter

    position: 'top'在顶部显示

     

    option = {
        legend: {
            itemWidth: 15,
            itemHeight: 4,
            fontSize: 12,
            data: ['同比', '环比'],
            right: 55,
            top: 10,
            orient: 'vertical',
    
        },
        tooltip: {},
        // 设置图标距离上下左右的距离
        grid: {
            top: 75,
            left: 10,
            right: 50,
            width:'auto',
            height:'auto'
        },
        xAxis: {
    
            type: 'category',
            //x轴文字配置
            axisLabel: {
                show: true,
                inside: false,
                // align:'left',
                margin: 20,
                textStyle: {
                    color: '#1a1a1a',
                    fontSize: '14'
                }
            },
            axisTick: {
                show: false
            }, //去掉x轴刻度线
            data: [],
            axisLine: {
                show: true,
                length: 2,
                lineStyle: {
                    color: "#B5B2B5"
                },
            }
        },
        yAxis: {
            //y轴不显示
            show: false,
            inverse: false, //是否反向坐标
            axisLine: {
                show: false,
            },
            // y轴刻度不显示
            axisLabel: {
                formatter: function () {
                    return "";
                }
            },
            splitLine: {
                show: false
            },
            splitArea: {
                show: false
            }
        },
        series: [{
                name: '同比',
                type: 'bar',
                barGap: '50%',
                barCategoryGap: '20%',
                barWidth: '15%',
                // stack: 'one',
                data: [],
                itemStyle: {
                    normal: {
                        label: {
                            show: true, //开启显示
                            position: 'top', //在上方显示
                            formatter: function (val) {
                                if (val.value !== 0) {
                                  return val.value+'%';
                                }  else {
                                  return '';
                                }
                              },
                            textStyle: { //数值样式
                                color: '#1a1a1a',
                                fontSize: 12
                            }
                        },
                        barBorderRadius: 100,
                        color: new echarts.graphic.LinearGradient(
                            0, 1, 0, 0,
                            [{
                                    offset: 0,
                                    color: '#f89741'
    
                                },
                                {
                                    offset: 1,
                                    color: '#fa6206'
                                }
                            ]
                        )
                    }
                },
            }, {
                name: '环比',
                type: 'bar',
                barGap: '50%',
                barWidth: '15%',
                barCategoryGap: '20%',
                data: [],
                itemStyle: {
                    normal: {
                        label: {
                            show: true, //开启显示
                            position: 'top', //在上方显
                            formatter: function (val) {
                                if (val.value !== 0) {
                                  return val.value+'%';
                                } else {
                                  return '';
                                }
                              },
                            textStyle: { //数值样式
                                color: '#1a1a1a',
                                fontSize: 12
                            }
                        },
                        barBorderRadius: 100,
                        color: new echarts.graphic.LinearGradient(
                            0, 1, 0, 0,
                            [{
                                    offset: 0,
                                    color: '#42d3f7'
                                    // color: '#0c7be3'
    
    
                                },
                                {
                                    offset: 1,
                                    //  color: '#42d3f7'
                                    color: '#0c7be3'
                                }
                            ]
                        )
                    }
                },
            },
    
        ]
    };

     

    展开全文
  • echart柱状图如何添加阴影

    千次阅读 2018-03-22 17:17:29
    series[i]-bar.barGap string [ default: 30% ] 柱间距离,可设固定值(如 20)或者百分比(如 '30%',表示柱子宽度的 30%)。如果想要两个系列的柱子重叠,可以设置 barGap 为 '-100%'。这在用柱子做背景的时候有用...
    series[i]-bar.barGap string
    [ default: 30% ]

    柱间距离,可设固定值(如 20)或者百分比(如 '30%',表示柱子宽度的 30%)。

    如果想要两个系列的柱子重叠,可以设置 barGap 为 '-100%'。这在用柱子做背景的时候有用。

    在同一坐标系上,此属性会被多个 'bar' 系列共享。此属性应设置于此坐标系中最后一个 'bar' 系列上才会生效,并且是对此坐标系中所有 'bar' 系列生效。

    例子:

    点击打开链接
    展开全文
  • 2、看销量排名,一般用条形图(横放的柱状图),将X轴放到下面(选中x轴,标签位置选择高),y轴逆序排列(选中y轴->坐标轴选项->逆序类别); 3、堆积条形图一般最好不要超过5个类别; 4、折线图横轴为时间,...

    excel画图小记:
    1、 高:10 ;宽:16.17;(符合0.618黄金比例)
    具体操作:选中图表->右键->设置图标区域格式->大小与属性;
    2、看销量排名,一般用条形图(横放的柱状图),将X轴放到下面(选中x轴,标签位置选择高),y轴逆序排列(选中y轴->坐标轴选项->逆序类别);
    3、堆积条形图一般最好不要超过5个类别;
    4、折线图横轴为时间,可添加趋势线;
    5、百分比面积图如要添加最后的占比标签,可将图形先更改为折线图,添加标签完成后,再更改图形为百分比面积图;
    6、饼图当中可通过标签选项下的值或者百分比来选择呈现方式;
    7、饼图当中如果要突出某一块,选中它,向外拖即可;
    8、三维饼图可通过效果下的三维旋转选项进行旋转(一般会将Y旋转70°);
    9、环形图种要调节环的大小,选中环之后进入系列选项可设置环的内径大小,环形图中间空白部分可插入艺术字进行填充;
    10、饼图、环形图一般也不超过5部分,占比大的一般放在12点钟方向,按顺时针从大往小排;
    11、散点图中添加趋势线之后,若想要显示方程和R方,可在趋势线选项进行勾选;
    12、箱线图,上下四分位数(Q3和Q1),若共有9个数,则各线如下,无异常值时,上下边缘分别对应最大、最小值,
    若有异常值,则上下边缘是Q3+1.5IQR和Q1-1.5IQR(备注:四分位距IQR=Q3-Q1);
    在这里插入图片描述
    在这里插入图片描述
    13、2019版之前无漏斗图,可通过堆积条形图实现(增加一列辅助列,再通过更改数据将辅助列置顶,再设为无色),若标签想选择表格中的其他列,可选中标签,在标签选项中选择单元格中的值,然后选择自己需要的数据即可
    在这里插入图片描述
    如果要做两个对比的漏斗图,如下添加辅助列
    在这里插入图片描述

    展开全文
  • 柱状饼状.rar

    2019-10-09 13:51:10
    labview 饼状图添加随鼠标显示百分比,可以根据鼠标移动,在光标位置显示百分比
  • 事实上就是,在柱状图中可不可不添加一列是与图形本身无关的数据,用来作为参考?或者说JfreeChart支持画图方法,可以另外在图添加内容?本人是新手,JfreeChart的API已经看了两天了,网上的资料也看了很多,个人...
  • 1、绘制柱状图。如何绘制柱状图,操作非常简单,选中数据,点击合适的图表样式即可。 2、添加误差线。选中已绘制好的图,添加误差线。如果误差线没有出现,可以使用”更多选项“一一添加误差线。 3、调整误差...
  • echarts柱状图的X轴Y轴加单位的写法

    万次阅读 2017-03-01 15:51:02
    yAxis : [  {  type : 'value',  axisLabel:{formatter:'{value} %'}  }  ],             如果想控制百分比最大到100% 可添加 yAxis : [  {  type :...
  • 以下是实现的效果 1、横轴可拖动显示查看数据 在option里添加 dataZoom: [{ type: 'slider', show: true, //flase直接隐藏图形 xAxisIndex: [0], left: '5%', //滚动条靠左侧的百分比 right:50, bottom...
  • Highcharts应用--百分比条形

    千次阅读 2017-05-05 10:27:42
    HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。 现有一个需求,用条形图的方式,同时显示数据和百分比 highcharts条形图中没有提供显示百分比的API,只
  • 柱状图3D 太阳磁场线 余弦波3D PyQtGraph 鼠标获取X轴坐标 禁止右键点击功能、鼠标滚轮,添加滚动条等功能 工具类 滚动区相关 Animation 窗口淡入淡出 右键菜单动画 点阵特效 页面切换/图片轮播动画 窗口...
  • excel-数据分析与透视

    2021-02-07 20:11:26
    添加每个柱子的每一段的百分比添加图表元素-数据标签-居中 组合的绘制:插入-图表-组合-创建自定义组合 设置坐标轴图例:添加图表元素-添加坐标轴标题 绘制阴影:插入-形状 绘制高级饼图:插入-饼图-环形-...
  • 这种饼图可以清楚了解很多信息(之前的柱状图里输入的百分比数据是从这得出的),但是还是对展示方式不是很满意,继续尝试。 作业1D - 关系图 从第一堂课看到它,就想尝试一下。很有趣,比一个百分比数据更有意思地...
  • 在echarts中自定义提示框内容

    千次阅读 2017-12-14 13:43:24
    柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容。 如下图,鼠标滑过每个数据项时, 第1张是默认提示框; 第2张是处理成百分比数据后,...
  • 柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容。 如下图,鼠标滑过每个数据项时, 第1张是默认提示框; 第2张是处理成百分比数据后,显示...
  • 在实际的项目中,用到Echart的时候,除了一些数据显示,经常还会有一些,别的显示,比如,百分比,水印,或者其他图标。 我这里介绍一个属性: graphic 。...第一个柱状图花了一个虚线, 首先我们可以
  • Echarts显示数据被遮挡了

    千次阅读 2019-08-11 13:44:46
    柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容。 如下图,鼠标滑过每个数据项时, 第1张是默认提示框; 第2张是处理成百分比数据后,显示...
  • SPRINT 8

    2016-12-17 21:54:00
    SPRINT 8 (11月21日-12月2日) 1. Spec 实现什么 Adaptive format for values in a series 由于某个显示的数字可能是多个...用户需求想要添加例如柱状图中的各个数值的百分比显示 Manually set the min/max/in...
  • 子控件包括饼图+圆环图+曲线图+柱状图+柱状分组图+横向柱状图+横向柱状分组图+合格率控件+百分比控件+进度控件+设备状态面板+表格数据+地图控件+视频控件等。 二级界面可以自由拖动悬浮,支持最小化最大化关闭,响应...
  • 柱状图分析 采用AJAX,更强的用户体验 支持问卷截断、跳转 兼容Firefox,IE6.0,IeE7.0等主流浏览器 …… 版本更新历史 2.2版更新部分: 1、解决问卷统计中,查看“其他”选项的具体内容出错的情况。 2、根据个别...
  • 任务224: 实例上手条形(柱状 任务225: 实例上手折线 任务226: 实例上手饼状 任务227: 实例上手散点 任务228: 实例上手文本表 任务229: 实例上手热图 任务230: 实例上手直方 任务231: 实例上手...

空空如也

空空如也

1 2
收藏数 27
精华内容 10
关键字:

柱状图添加百分比