react+Antv-g2 demo

relevance.css

.App{

width: 100%;

background-color: #fafafa;

padding-top: 30px;

}

.app_relevance{

width: 90%;

height: 430px;

background-color: #fff;

box-shadow: 0px 0px 20px #ccc;

margin:0 auto;

border-radius: 10px;

}

.app_relevance h4{

font-weight: 500;

font-size: 18px;

height: 27px;

margin-left: 20px;

padding-top: 20px;

padding-bottom: 20px;

}

数字组件 Relevancenum.js

import React, { Component } from ‘react’

import ‘./Relevancenum.css’

export default class Relevancenum extends Component {

render() {

// console.log(this.props)

return (

应用关联业务数

{this.props.data_num.num1}

当前警告业务数

{this.prop