level 2
Silence丶Karl
楼主
今日小弟遇到一个需求,需要把echarts嵌套到一个表格内部,在单元格内,Echarts“全屏”显示。但是坐标轴的数字问题有部分被掩盖,直接上图。
原本不加设置,效果是这样的:

坐标轴两端的数字标识呗覆盖了一半。
无奈,为了让两端的数字显示,只能暂时缩进,效果成了这样:

但是这样严重影响美观而且轴的标示也不准。(PS:因需求需要,我们的轴和表示分开画的)
而且一次DOME浏览,看到一个Y轴的name设置能够让Y轴达到我想要的效果:

是这样的,轴能够100%高度渲染。坐标轴上的axisLabel是对应axisTick居中的,但Y轴的底部的axisTick会居上,顶部的axisTick会居下显示,这样就是我想要的想过。具体DEMO可见http://echarts.baidu.com/doc/example/line9.html,在配置中我发现仅仅是在yAxis中加了个name就出现了这效果。虽然不明白为什么,但我也加了,并实现的。
不过,我想X轴也实现类似效果,轴能够100%宽度渲染,坐标轴上的axisLabel是对应axisTick居中,最左边的axisTick居右显示,最右边的axisTick居左显示。
另外,如果上面效果能够实现,我还想实现一个效果就是,Y轴最顶部的axisTick不显示和X轴最右边的axisTick不显示。
那么总结一下问题:
1、我想X轴轴能够100%宽度渲染,坐标轴上的axisLabel是对应axisTick居中,最左边的axisTick居右显示,最右边的axisTick居左显示。(类第3张图中Y的效果)
2、我想Y轴最顶部的axisTick不显示和X轴最右边的axisTick不显示。
请各路大神帮忙~~
2015年07月22日 08点07分
1
原本不加设置,效果是这样的:

坐标轴两端的数字标识呗覆盖了一半。无奈,为了让两端的数字显示,只能暂时缩进,效果成了这样:

但是这样严重影响美观而且轴的标示也不准。(PS:因需求需要,我们的轴和表示分开画的)而且一次DOME浏览,看到一个Y轴的name设置能够让Y轴达到我想要的效果:

是这样的,轴能够100%高度渲染。坐标轴上的axisLabel是对应axisTick居中的,但Y轴的底部的axisTick会居上,顶部的axisTick会居下显示,这样就是我想要的想过。具体DEMO可见http://echarts.baidu.com/doc/example/line9.html,在配置中我发现仅仅是在yAxis中加了个name就出现了这效果。虽然不明白为什么,但我也加了,并实现的。不过,我想X轴也实现类似效果,轴能够100%宽度渲染,坐标轴上的axisLabel是对应axisTick居中,最左边的axisTick居右显示,最右边的axisTick居左显示。
另外,如果上面效果能够实现,我还想实现一个效果就是,Y轴最顶部的axisTick不显示和X轴最右边的axisTick不显示。
那么总结一下问题:
1、我想X轴轴能够100%宽度渲染,坐标轴上的axisLabel是对应axisTick居中,最左边的axisTick居右显示,最右边的axisTick居左显示。(类第3张图中Y的效果)
2、我想Y轴最顶部的axisTick不显示和X轴最右边的axisTick不显示。
请各路大神帮忙~~