echarts如何实现一张图既有柱状图又有折线图,然后折线图参考的数据的Y轴在右边,柱状图参考的数据在左边

echarts如何实现一张图既有柱状图又有折线图,然后折线图参考的数据的Y轴在右边,柱状图参考的数据在左边,第1张

跟着我的步骤一步一步来,学会了之后套用你的数据就好了。

准备数据表格,我这个例子随便假设某个产品的外观不良和功能不良做的不良推移图。我要把外观和功能不良做成柱状图,总不良率做成折线图,而且不良率要对应右边纵坐标

选定所有数据,【插入】-【推荐表格】,我用的office2010,excel自动生成了你要的数据,点击确认就行了。

那么问题来了,有的时候excel并没有生成我需要的样子,那怎么办,接着往下看。

选定数据后,点【插入】,直接点【插入柱形图】,选择二维柱形图的第一个图形,这时候会生成一个柱形图。

这时候先用鼠标单击一下图例,使图例处于被选定状态(框框周围有八个白色小框),然后再用鼠标点一下图例里的“总不良率”这几个字,这时候“总不良率”处于选定状态(框框四角有四个小圆圈)。注意,这两次点击不要太快,中间起码间隔1秒。

然后鼠标在被选定的“总不良率”上点一下右键,选择【设置数据系列格式】。

然后在右边的功能区点【次坐标轴】,这时候你会发现“总不良率”就对应了右边的坐标轴。

 

然后鼠标在在“总不良率”任一一根绿色柱子上点鼠标右键,点【更改系列图表类型】

在d出的对话框下面,点“总不良率”对应的下拉三角,选择带数据标记的折线图。

然后就大功告成

接下来,你还可以修改标题,增加数据标签,甚至改变柱状图的式样等等,做成你要的效果,如下:

总结:你要的这类图表,实际是报告中经常用到的,用一张图表来表示两类相关但是单位却不同的数据(如此例中不良数的单位是个,不良率的单位是百分比),这样的图表让人一目了然的知道相关的数据走势和比较,非常方便。

你学会了吗?

(2)作PG//BC,交AC于G,则PG=2DG,AG=2PG∴AD=AG-DG=4DG-DG=3DG∴AD:PG=3DG:2DG=3:2而AD:CQ=3:2∴PG=CQ。再由PG//CQ,显然有△PGE∽△QCE∴△PGE≌△QCE,即PE=EQ过直角△BQP作外接圆I,设圆I与Y轴相交于点N'则∠PN'Q=90°,∠N'QP=∠PBN'=60°∴△N'QE是等边△,连接N'M,∵M是EQ中点∴N'M是EQ的中垂线即N'就是N,再连接BE,有BE=EQ,∴BE=EN∴ON=OB,即线段ON的长为2√3(3)由(2)易知△NPF是等边△,∠EPH=∠EPN=30°若∠PEH=90°,则PBHE四点共圆∴∠HBE=∠HPE=30°,即E和O重合即PO=QO=BO=2√3,即P是AB中点∴D是AO中点,即|AD|=3此时t=1若∠PHE=90°,∵∠EPH=30°∴∠HEP=60°=∠NEQ∴N,E,H三点共线设点E坐标为(a,0),则NE直线方程为y=2√3x/a-2√3结合BC直线方程y=-√3x+2√3,可得点H坐标为(4a/(2+a),2√3(2-a)/(2+a))又|OE|=a,∴|CE|=2-a=>|CG|=2|CE|=4-2a∴|AG|=|AC|-|CG|=8-4+2A=4+2a∴|AD|=3|AG|/4=3+3a/2∴点D坐标为(3a/2-3,0)则得点P坐标为(3a/2-3,√3a/2+√3)由H,P两点坐标即可得PH直线的斜率[√3a/2+√3-2√3(2-a)/(2+a)]/[3a/2-3-4a/(2+a)]又∵PH⊥NH,直线NH斜率为2√3/a∴PH直线斜率为-a√3/6即[√3a/2+√3-2√3(2-a)/(2+a)]/[3a/2-3-4a/(2+a)]=-a√3/6化简得(a²+12)(3a-2)=0∴a=2/3,即|AD|=3+3a/2=4∴此时t=4/3综上知,仅当t=1或4/3时,△PEH是直角△。最后再附一个∠PHE=90°时,点E坐标的几何解法延长EH至点K,使得HK=HE由N,E,H三点共线,注意△PNF是等边△,PM和NH分别是高∴交点E为等边△PNF的外接圆圆心∴NE=2EH=EK,即K在该圆上∴∠NBK=90°,即BK//EC由EH=HK,得BK=EC又易知OE/BK=NO/NB=1/2∴OE/EC=1/2,即点E坐标为(2/3,0)

2003的不记得了,2007的可以再插入折线图后右击有个选择数据,然后点水平(分类)轴标签下面的编辑然后选择你要作为水平轴的数据源(2003的插入图表的时候好像有很多选项可以选择改变的吧,不记得了,你找找有没有类似的选项)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11944723.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存