antvis/G2

Pie chart left align #3481

truedrug posted onGitHub

<!-- Thank you for reporting an issue. 1. It's RECOMMENDED to submit PR for typo or tiny bug fix. 2. If this's a FEATURE request, please provide: details, pseudo codes if necessary. 3. If this's a BUG, please provide: course repetition, error log and configuration. Fill in as much of the template below as you're able. 4. It will be nice to use to provide a CodePen Link which can reproduce the issue, we provide a CodePen template g2-github-issue. 感谢您向我们反馈问题。 1. 提交问题前,请先阅读 https://antv.alipay.com/zh-cn/g2/3.x/index.html 上的文档。 2. 我们推荐如果是小问题(错别字修改,小的 bug fix)直接提交 PR。 3. 如果是一个新需求,请提供:详细需求描述,最好是有伪代码实现。 4. 如果是一个 BUG,请提供:复现步骤,错误日志以及相关配置,并尽量填写下面的模板中的条目。 5. 如果可以,请提供尽可能精简的 CodePen 链接,可使用 CodePen 模板 https://codepen.io/leungwensen/pen/WXJgox,方便我们排查问题。 6. 扩展阅读:如何向开源项目提交无法解答的问题 -->

  • G2 Version: 4.1.7

  • Platform: macos

  • Mini Showcase(like screenshots): image

  • CodePen Link: NA

<!-- Enter your issue details below this comment. -->

I have a container inside of which I have a pie chart rendered. On a wider viewport, the pie is looking fine at the center with the legend being at the right. But if I start to look at in a smaller device or I shrink the browser width, then the legend starts overlapping on the chart

I am using media queries to decrease the font-size of the legend text, setting offsetX values and trying different things, just wanted to check, if we can left align the chart using any existing config

Any help will be greatly appreciated

TIA


Determine the position of the legend based on the width of your screen.

  • When on a wider viewport, show legend right
  • Else bottom
posted by hustcc almost 4 years ago

Thanks for raising the problem. The problem is urgent and not yet resolved. How do I align the chart in the screenshot to the left

posted by Valtas over 3 years ago

Fund this Issue

$0.00
Funded

Pull requests