antvis/G2

g2plot 双轴图加线图 不能实现分组柱形图双y轴 #5518

18211365467 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. 提交问题前,请先阅读 README 中的贡献帮助文档。 2. 我们推荐如果是小问题(错别字修改,小的 bug fix)直接提交 PR。 3. 如果是一个新需求,请提供:详细需求描述,最好是有伪代码实现。 4. 如果是一个 BUG,请提供:复现步骤,错误日志以及相关配置,并尽量填写下面的模板中的条目。 5. 如果可以,请提供尽可能精简的 CodePen 链接,可使用 CodePen 模板 https://codepen.io/leungwensen/pen/WXJgox,方便我们排查问题。 6. 扩展阅读:如何向开源项目提交无法解答的问题 -->

  • G2 Version:
  • Platform:
  • Mini Showcase(like screenshots):
  • CodePen Link:

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


G2 5.0 代码:

<img src="https://github.com/antvis/G2/assets/49330279/9827c90e-fa68-4d1c-a774-b351905e3c0e" width=640 />

import { Chart } from "@antv/g2";

const chart = new Chart({ container: "container" });

chart.options({
  type: "view",
  data: [
    { time: "10:10", call: 4, waiting: 2, people: 2 },
    { time: "10:15", call: 2, waiting: 6, people: 3 },
    { time: "10:20", call: 13, waiting: 2, people: 5 },
    { time: "10:25", call: 9, waiting: 9, people: 1 },
    { time: "10:30", call: 5, waiting: 2, people: 3 },
    { time: "10:35", call: 8, waiting: 2, people: 1 },
    { time: "10:40", call: 13, waiting: 1, people: 2 },
  ],
  children: [
    {
      type: "interval",
      encode: {
        x: "time",
        y: "waiting",
        color: () => "waiting",
        series: () => "waiting",
      },
      axis: { y: { title: "Waiting" } },
    },
    {
      type: "interval",
      encode: {
        x: "time",
        y: "people",
        color: () => "people",
        series: () => "people",
      },
      scale: { y: { independent: true } },
      axis: { y: { position: "right", grid: null, title: "People" } },
    },
  ],
});

chart.render();
posted by pearmini over 1 year ago

Fund this Issue

$0.00
Funded

Pull requests