excel图表制作：实际和目标对比柱状图

舍得0512 · 发表于 2019-3-4 21:27

求助，excel图表制作：实际和目标对比柱状图案例，教程里更改图标类型有组合，EXCEL里找不到组合

LS115115 · 发表于 2019-3-4 22:01

沙发一个，等答案，我也正在找这个图的制作

dengxingchang · 发表于 2019-3-5 02:09

没有看到教程，从图上推测是用的“粘贴法”：

把箭头和无填充颜色的柱形复制，然后拷贝到柱形的“红色箭头”、“青色箭头”里

dengxingchang · 发表于 2019-3-5 02:13

具体的作图方法参考如下图1. A、D、E、F、G、H做堆积柱形图
2. 把“红色箭头”、“青色箭头”放在次坐标
3. 选中柱形和箭头，粘贴到“红色箭头”、“青色箭头”

柱形粘贴箭头.PNG

zpy2 · 发表于 2019-3-5 08:48

做了个类似的。。。。

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<style>
#sales{ width:800px;}
</style>
</head>
<body>

<div id='data'>
<h3>业务员销售指标完成表</h3>
<table id='sales' border='0' cellpadding='2' cellspacing='1' class='viewTable'><tr><td class='tdheader'>业务员</td><td class='tdheader'>销售额</td><td class='tdheader'>指标</td></tr><tr><td class='td2'>陈锋</td><td class='td2'>83</td><td class='td2'>100</td></tr><tr><td class='td1'>王建德</td><td class='td1'>126</td><td class='td1'>100</td></tr><tr><td class='td2'>夏启平</td><td class='td2'>114</td><td class='td2'>100</td></tr><tr><td class='td1'>严莎莉</td><td class='td1'>92</td><td class='td1'>100</td></tr><tr><td class='td2'>梅竹</td><td class='td2'>135</td><td class='td2'>100</td></tr><tr><td class='td1'>李康安</td><td class='td1'>77</td><td class='td1'>100</td></tr></table><br/> </data>
<div id="main" style="height:400px;width:800px"></div>

<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
<script src=""></script>
<script type="text/javascript">
      // 基于准备好的dom，初始化echarts图表
      var myChart = echarts.init(document.getElementById('main'));

option = {
title : {
      text: '销售额完成情况图表',
      subtext: '(指标100万元)',
      sublink: 'http://club.excelhome.net/forum.php?mod=viewthread&tid=1463948&mobile=2'
},
tooltip : {
      trigger: 'axis',
      axisPointer : {          // 坐标轴指示器，坐标轴触发有效
         type : 'shadow'       // 默认为直线，可选为：'line' | 'shadow'
      },
      formatter: function (params){
         return params[0].name;
      }
},
legend: {
      selectedMode:false,
      data:['销售额', '预计']
},
toolbox: {
      show : true,
      feature : {
         mark : {show: true},
         dataView : {show: true, readOnly: false},
         restore : {show: true},
         saveAsImage : {show: true}
      }
},
calculable : true,
xAxis : [
      {
         type : 'category',
         data : ["\u9648\u950b","\u738b\u5efa\u5fb7","\u590f\u542f\u5e73","\u4e25\u838e\u8389","\u6885\u7af9","\u674e\u5eb7\u5b89"]       }
],
yAxis : [
      {
         type : 'value',
         boundaryGap: [0, 0.1]
      }
],
series : [
      {
         name:'Acutal',
         type:'bar',
         stack: 'sum',
         barCategoryGap: '50%',
         itemStyle: {
            normal: {
                  color: 'tomato',
                  barBorderColor: 'tomato',
                  barBorderWidth: 6,
                  barBorderRadius:0,
                  label : {
                     show: true, position: 'insideTop'
                  }
            }
         },
         data:["83","100","100","92","100","77"]       },
      {
         name:'Forecast',
         type:'bar',
         stack: 'sum',
         itemStyle: {
            normal: {
                  color: '#fff',
                  barBorderColor: 'tomato',
                  barBorderWidth: 6,
                  barBorderRadius:0,
                  label : {
                     show: true,
                     position: 'top',
                     formatter: function (params) {
                        for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) {
                              if (option.xAxis[0].data[i] == params.name) {
                                 return parseInt(params.value);
                              }
                        }
                     },
                     textStyle: {
                        color: 'tomato'
                     }
                  }
            }
         },
         data:[17,26,14,8,35,23]       }
]
};
      // 为echarts对象加载数据
      myChart.setOption(option);
</script>
</body>

</html>

悠悠的炊烟 · 发表于 2019-3-5 10:12

纯图表元素做图

lizfzy · 发表于 2019-3-7 10:45

悠悠的炊烟发表于 2019-3-5 10:12
纯图表元素做图

学习了，谢谢分享

hihigh · 发表于 2019-3-7 22:17

本帖最后由 hihigh 于 2019-3-7 22:19 编辑

先 D、E、F堆积柱形图，然后 G、H 折线图，去除连线。

然后添加粘贴上下箭头

leon3131 · 发表于 2019-3-8 13:48

厉害，学习下！

renjia99 · 发表于 2019-3-11 12:52

悠悠的炊烟发表于 2019-3-5 10:12
纯图表元素做图

请问一下，数据标签怎么做上去的?我一直没搞懂

		自动登录	找回密码
密码			免费注册

[求助] excel图表制作：实际和目标对比柱状图

最新热点 /1