如何在柱状图上加曲线图

cotychen123 · 发表于 2019-1-24 10:50

本帖最后由 cotychen123 于 2019-1-24 10:57 编辑

各位，工作中碰到个问题需要各位帮忙。
就是做各区业绩报告时，要在柱状图上方加上各区的%曲线图，在右边坐标轴那加各百分比数值，这样就可以很清楚明白各区成绩，谢谢各位。

cotychen123 · 发表于 2019-1-24 10:58

等大侠出现

zpy2 · 发表于 2019-1-24 11:04

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>柱状折线图</title>
</head>
<body>

<div id="main" style="height:400px"></div>
网页来源:http://5809c7f4.nat123.cc:8080/bsbm/pdo/eh2/a18/echarts/index_bar_line2.php 
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
<br>
<script type="text/javascript">
      // 基于准备好的dom，初始化echarts图表
      var myChart = echarts.init(document.getElementById('main'));
      option = {
tooltip : {
      trigger: 'axis'
},
toolbox: {
      show : true,
      feature : {
         mark : {show: true},
         dataView : {show: true, readOnly: false},
//       magicType: {show: true, type: ['line', 'bar']},
         restore : {show: true},
         saveAsImage : {show: true}
      }
},
calculable : true,
legend: {
      data:["2011\u5e74C\u4ea7\u54c1\u9500\u552e\u91d1\u989d","2012\u5e74C\u4ea7\u54c1\u9500\u552e\u91d1\u989d","2012\u5e74C\u4ea7\u54c1\u589e\u957f\u7387"] },
xAxis : [
      {
         type : 'category',
         data : ["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"]       }
],
yAxis : [
      {
         type : 'value',
         name : '销售',
         axisLabel : {
            formatter: '{value} 公斤'
         }
      },
      {
         type : 'value',
         name : '增长率',
         axisLabel : {
            formatter: '{value} %'
         }
      }
],
series :[{"name":"2011\u5e74C\u4ea7\u54c1\u9500\u552e\u91d1\u989d","type":"bar","data":["1905705","642511","1074746","825353","1643519","1545250","978434","1124552","699224","1162758","1509369","957214"]},{"name":"2012\u5e74C\u4ea7\u54c1\u9500\u552e\u91d1\u989d","type":"bar","data":["985597","706756","1838553","1082255","1068017","1780733","1664768","744761","866656","1846286","730211","1835962"]},{"name":"2012\u5e74C\u4ea7\u54c1\u589e\u957f\u7387","type":"line","data":[-48.281764491356,9.9990505999119,71.068605977598,31.126318072388,-35.01644945997,15.239152240738,70.146172352964,-33.772649019343,23.945402331728,58.785061035916,-51.621439157688,91.802668995648],"yAxisIndex":1}]

};

      // 为echarts对象加载数据
      myChart.setOption(option);
</script>

</body>
</html>

cotychen123 · 发表于 2019-1-24 13:41

zpy2 发表于 2019-1-24 11:04
柱状折线图

不好意思，我没看懂。这个是要复制到VBA还是什么？

ivccav · 发表于 2019-1-24 14:07

很简单的问题，自己改一下数据区域：

http://club.excelhome.net/thread-1458245-1-1.html

zpy2 · 发表于 2019-1-24 14:20

cotychen123 发表于 2019-1-24 13:41
不好意思，我没看懂。这个是要复制到VBA还是什么？

另存为html文件，用浏览器打开。

cotychen123 · 发表于 2019-1-24 14:46

zpy2 发表于 2019-1-24 14:20
另存为html文件，用浏览器打开。

我估计我没有说清楚，是要出现三根曲线图，三个区域都要出现百分比曲线。你这是一根曲线图。
我中午分别做了两个图，合并粘贴了，没办法，做不出只有这样

zpy2 · 发表于 2019-1-24 14:48

cotychen123 发表于 2019-1-24 14:46
我估计我没有说清楚，是要出现三根曲线图，三个区域都要出现百分比曲线。你这是一根曲线图。
我中午分 ...

10根都可以的，这是个模板。

cotychen123 · 发表于 2019-1-24 15:04

zpy2 发表于 2019-1-24 14:48
10根都可以的，这是个模板。

好的，我看下，谢谢

dengxingchang · 发表于 2019-1-24 16:31

这个是Excel里的基本图形，柱线图。你随便搜索就可以找到教程。

针对你的例子，可以如下处理：
1. 由于广东和华东、广西数据相差太大，所以分成三个图：广东、华东、广西各一个。每个图都是柱线图；
2. 调整数据的位置，如下

		Jan	Feb	Mar
广东	PO	496
	Passed	435
	%	87.7%
华东	PO
	Passed
	%
广西	PO
	Passed
	%

3. 把%数据放在次坐标，改成折线图

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

如何在柱状图上加曲线图

评分

评分

评分