Echartd 图例显示不全和图例重叠的问题

-星星之火- 发布于 2016/02/01 10:07
阅读 6K+
收藏 0

【开源中国 APP 全新上线】“动弹” 回归、集成大模型对话、畅读技术报告”

@Kener-林峰  你好,我在项目中遇到这样的问题:

如图:图例有的显示不全,图中蓝色和黑色的图例没显示出来,如果图例多的话,会出现重叠的现象。我的图表是放在窗口里面的,想窗口最大化后。图例可以做到自适应最好了,所以给grid大小设置不太好做不到自适应,能有其他好的办法么?


加载中
0
羊驼君
羊驼君
该评论暂时无法显示,详情咨询 QQ 群:点此入群
0
rachel_ranqian
rachel_ranqian
我给你一个思路,在最小化窗口的时候,你写一个样式,去除y轴、图例,就显示gird的内容;当最大化窗口的时候,再调用setOption方法重新调用一个样式,这个新样式就包含了y轴、图例等详细东西。不要忘记了调用resize。
-星星之火-
-星星之火-
回复 @ranqian_Reese : 谢谢。我已经基本解决了 ,但是有个 小毛病:缩小grid的高度后,网格线不随着向上移。 我是减小的这个chart.component.grid._height的高度,但网格线不上移,你有好办法么?
rachel_ranqian
rachel_ranqian
@润_泽 那你调节下div长宽,再设置legend的x,y
-星星之火-
-星星之火-
需求是要显示图例的。 现在问题是grid和图例重叠的问题。(我想根据图例的高度和 grid 的高度去调整grid和图例部分。这两者中间有空隙不重叠就可以了 ::grid的高度能获取到,但是图例所占的高度我不知道怎么获取到了 ,你有好办法么?)
0
-星星之火-
-星星之火-

引用来自“ranqian_Reese”的评论

我给你一个思路,在最小化窗口的时候,你写一个样式,去除y轴、图例,就显示gird的内容;当最大化窗口的时候,再调用setOption方法重新调用一个样式,这个新样式就包含了y轴、图例等详细东西。不要忘记了调用resize。
感谢参与哈。。。
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部