AntV G2 分组柱状图和折线图混合画法

最新推荐文章于 2024-07-25 10:39:29 发布

chengshan1664

最新推荐文章于 2024-07-25 10:39:29 发布

阅读量6.8k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3507508/blog/1575695

版权

本文介绍了如何使用AntV G2库在JavaScript中创建分组柱状图与折线图的组合图表，参考了官方文档并提供了相关资源链接。

摘要由CSDN通过智能技术生成

/**
 * Created by lqt on 2017/11/17.
 */
import React from 'react';

import createG2 from 'g2-react';
import {Stat,Frame} from 'g2';

class BarGraph extends React.Component {


    render() {

        const data = [
            {"date":"2017-6","value":22.75,"type":"应收金额","rate":23.335},
            {"date":"2017-6","value":23.44,"type":"已收金额","rate":23.335},
            {"date":"2017-6","value":22.69,"type":"欠收金额","rate":23.335},

            {"date":"2017-7","value":21.75,"type":"应收金额","rate":43.335},
            {"date":"2017-7","value":33.44,"type":"已收金额","rate":43.335},
            {"date":"2017-7","value":42.69,"type":"欠收金额","