search

antvis / F2

📱📈An elegant, interactive and flexible charting library for mobile.
https://f2.antv.vision/zh
MIT License
7.89k stars 649 forks source link

环形图数据过多时会看不到环形图 #339

Closed Yong-Zi-0210 closed 6 years ago

Yong-Zi-0210 commented 6 years ago

详细情况：环形图数据比较小时，图例无论放在左边还是有便或者底部都是没问题的，但是数据多的时候就会把环形图挤小，甚至会完全看不到，请问有什么办法解决吗，或者可以修改拓展吗

simaQ commented 6 years ago

这种情况，建议使用 html 自己实现图例，通过这个接口可以获取图例项的具体内容:https://antv.alipay.com/zh-cn/f2/3.x/api/chart.html#_getLegendItems

Yong-Zi-0210 commented 6 years ago

这个获取到的只有相关的样式配置啊，如何操作HTML image

simaQ commented 6 years ago

通过这些信息将 legend 使用 html 渲染出来，然后通过监听 dom 事件来操作 html, 至于图例同 chart 的联动，你可以参考源码中 canvas 的实现逻辑：https://github.com/antvis/f2/blob/master/src/plugin/legend.js#L332。

个人的建议是，在手机端，如果图例数量比较大的时候，其实用户点触的面积也会相对比较小了，这时候加上点击操作反而体验不好，另外，对于环图或者饼图，原则上不可多于 9 个分类

Yong-Zi-0210 commented 6 years ago

非常感谢

ShowJoy commented 5 years ago

我写了个插件，里面根据legend的高度来调整canvas高度，不知道是否符合需求

Yong-Zi-0210 commented 5 years ago

应该可以，有效果图吗

------------------ 原始邮件 ------------------ 发件人: "ShowJoy"notifications@github.com; 发送时间: 2019年9月24日(星期二) 上午9:26 收件人: "antvis/f2"f2@noreply.github.com; 抄送: "没估计回顾减"1483805662@qq.com; "Author"author@noreply.github.com; 主题: Re: [antvis/f2] 环形图数据过多时会看不到环形图 (#339)

我写了个插件，里面根据legend的高度来调整canvas高度，不知道是否符合需求

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

ShowJoy commented 5 years ago

f2shim