antvis/G2

X-Axis grid line align left #3415

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.0.15

  • Platform: macos

  • Mini Showcase(like screenshots): image

  • CodePen Link: NA

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

How do I align the vertical x-axis to the left.

chart.axis("xAxis", {
      tickLine: null,
      line: null,
      grid: {
        line: {
          type: "line",
          style: {
            stroke: "#E1E1E1",
          },
        },
      },
    });

For the funnel chart

if I do alignTick: false, then the grid line goes to right, but is there a way to make it aligned to left?

Any help is appreciated. TIA


{
  label: {
    style: { textAlign: 'center' }
  }
}
posted by hustcc almost 4 years ago

Fund this Issue

$0.00
Funded

Pull requests