请问bizcharts||g2 如何在同一坐标系中绘制多组不同时间段的折线图;

约瑟翰庞麦郎
  • 1
新手上路,请多包涵

请问bizcharts||g2 如何在同一坐标系中绘制多组不同时间段的折线图;

数据格式:

const testData = [{
        "date": "2019-4-5",
        "title": "新增用户",
        "value": 10
    }, {
        "date": "2019-4-6",
        "title": "新增用户",
        "value": 15
    }, {
        "date": "2019-4-7",
        "title": "新增用户",
        "value": 8
    }, {
        "date": "2019-4-8",
        "title": "新增用户",
        "value": 16
    }, {
        "date": "2019-4-9",
        "title": "新增用户",
        "value": 5
    }, {
        "date": "2019-4-10",
        "title": "新增用户",
        "value": 18
    }, {
        "date": "2019-4-11",
        "title": "新增用户",
        "value": 20
    }, {
        "date": "2019-4-12",
        "title": "新增用户",
        "value": 22
    }, {
        "date": "2019-4-13",
        "title": "新增用户",
        "value":25
    }, {
        "date": "2019-4-14",
        "title": "新增用户",
        "value": 25
    }, {
        "date": "2019-2-5",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 15
    }, {
        "date": "2019-2-6",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 16
    }, {
        "date": "2019-2-7",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value":20
    }, {
        "date": "2019-2-8",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value":10
    }, {
        "date": "2019-2-9",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 15
    }, {
        "date": "2019-2-10",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 14
    }, {
        "date": "2019-2-11",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 16
    }, {
        "date": "2019-2-12",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 25
    }, {
        "date": "2019-2-13",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value": 30
    }, {
        "date": "2019-2-14",
        "title": "2019-04-05-2019-04-15 新增用户",
        "value":28
    }]

预期效果:

clipboard.png
当前效果:

clipboard.png

谢谢!!

回复
阅读 1.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏