szu-bee

import React, { useState } from 'react'
import { Modal } from 'antd'

function useAntModal (initVisibleState = false) {
  const [visible, setVisible] = useState(initVisibleState)

  const handleCancel = ({ onCancel }) => {
    onCancel && onCancel()
    setVisible(false)
  }

szu-bee

import React, { useRef, useLayoutEffect } from 'react'
import PropTypes from 'prop-types'
import { message } from 'antd'
import ClipboardJS from 'clipboard'

function Copy (props) {
  const copyCtrl = useRef(null)

  useLayoutEffect(() => {
    const clipboard = new ClipboardJS(copyCtrl.current)

szu-bee

option = {
  "title": {
    "text": "品牌流动关系"
  },
  "tooltip": {
    "trigger": "item",
    "triggerOn": "mousemove",
    formatter: (params) => {
      const { name, data } = params
      if (name === '苹果') { // 此样例centerNode为'苹果'

szu-bee

option = {
  "title": {
    "text": "品牌流动关系"
  },
  "color": [
    "#3583FF",
    "#FB7962",
    "#A5D33E",
    "#FFCD3A",
    "#68A2FF",

szu-bee

{
  "title": {
    "text": "品牌流动关系"
  },
  "color": [
    "#3583FF",
    "#FB7962",
    "#A5D33E",
    "#FFCD3A",
    "#68A2FF",

szu-bee

option = {
  "title": {
    "text": "品牌流动关系"
  },
  "color": [
    "#3583FF",
    "#FB7962",
    "#A5D33E",
    "#FFCD3A",
    "#68A2FF",

szu-bee

option = {
  "title": {
    "text": "品牌流动关系"
  },
  "color": [
    "#3583FF",
    "#FB7962",
    "#A5D33E",
    "#FFCD3A",
    "#68A2FF",

szu-bee

const floatToPercent = (value) => {
  if (isNaN(value)) return value
  return `${Number(value * 100).toFixed(2)}%`
}

szu-bee

const formatBigIntNum = (value) => {
  if (isNaN(value)) return value
  const isInteger = Math.floor(value) === value
  return isInteger ?
    String(value).replace(/(?=(\B\d{3})+$)/g, ',') :
    value
}

szu-bee

const value2TimeFormat = (value) => {
  return moment.utc().startOf('day').second(parseInt(value)).format('HH:mm:ss')
}