Installations
npm install @atana/g2plotDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
12.13.0
NPM Version
6.14.2
Releases
16
Contributors
4
Unable to fetch Contributors
Languages
4
TypeScript
JavaScript
FreeMarker
Shell
TypeScript (98.85%)
JavaScript (0.55%)
FreeMarker (0.32%)
Shell (0.28%)
validate.email 🚀
Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.
Developer
Download Statistics
Total Downloads
2,157
Last Day
3
Last Week
7
Last Month
36
Last Year
428
GitHub Statistics
MIT License
82 Stars
1,118 Commits
14 Forks
1 Branches
4 Contributors
Updated on Mar 10, 2025
Bundle Size
1.12 MB
Minified
294.12 kB
Minified + Gzipped
Maintainers
3
Package Meta Information
Latest Version
1.0.3
Package Id
@atana/g2plot@1.0.3
Unpacked Size
135.25 kB
Size
16.54 kB
File Count
157
NPM Version
6.14.2
Node Version
12.13.0
Total Downloads
Cumulative downloads
Total Downloads
2,157
Last Day
0%
3
Compared to previous day
Last Week
133.3%
7
Compared to previous week
Last Month
-23.4%
36
Compared to previous month
Last Year
-28.4%
428
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
1
Dev Dependencies
26
@babel/cli@cisdi/babel-preset-component@cisdi/eslint-config-cisdi@cisdi/jest-preset-cisdi@cisdi/prettier-config-cisdi@cisdi/stylelint-config-cisdi@commitlint/cli@commitlint/config-conventional@types/jest@types/lodash@types/react@types/react-dom@types/react-test-renderer@umijs/plugin-analyticscanvasconventional-changelog-clicross-envdumihuskyjestjest-canvas-mocklint-stagedreactreact-domreact-test-renderertypescript
@opd/g2plot-react
G2Plot for React
Install
npm install @opd/g2plot-react
Usage
1import React, { useCallback } from 'react' 2import { LineChart } from '@opd/g2plot-react' 3import { LineConfig } from '@antv/g2plot' 4 5const config: LineConfig = { 6 height: 400, 7 title: { 8 visible: true, 9 text: '配置折线数据点样式', 10 }, 11 description: { 12 visible: true, 13 text: '自定义配置趋势线上数据点的样式', 14 }, 15 padding: 'auto', 16 forceFit: true, 17 xField: 'year', 18 yField: 'value', 19 label: { 20 visible: true, 21 type: 'point', 22 }, 23 point: { 24 visible: true, 25 size: 5, 26 }, 27 xAxis: { 28 tickCount: 10, 29 }, 30 data: [ 31 { year: '1991', value: 3 }, 32 { year: '1992', value: 4 }, 33 { year: '1993', value: 3.5 }, 34 { year: '1994', value: 5 }, 35 { year: '1995', value: 4.9 }, 36 { year: '1996', value: 6 }, 37 { year: '1997', value: 7 }, 38 { year: '1998', value: 9 }, 39 { year: '1999', value: 11 }, 40 ], 41} 42 43export default () => { 44 const handleChartMount = useCallback(chart => { 45 console.log(chart) 46 }, []) 47 return <LineChart {...config} onMount={handleChartMount} /> 48}
API
All config defined in G2Plot document can be used as props
Extra Props:
onMount:(chart: Plot) => void. triggered after chart render
Support Chart
-
LineChart -
StepLineChart -
ScatterChart -
ColumnChart -
HistogramChart -
StackedColumnChart -
RangeColumnChart -
PercentStackedColumnChart -
GroupedColumnChart -
WaterfallChart -
BarChart -
StackedBarChart -
RangeBarChart -
PercentStackedBarChart -
GroupedBarChart -
AreaChart -
DensityChart -
StackedAreaChart -
PercentStackedAreaChart -
BubbleChart -
PieChart -
RingChart -
RadarChart -
GaugeChart -
HeatmapChart -
ProgressChart -
RingProgressChart -
TinyLineChart -
TinyAreaChart -
TinyColumnChart -
FunnelChart -
LiquidChart -
OverlappedComboChart -
RoseChart -
WordCloudChart -
BulletChart -
TreemapChart -
CalendarChart -
DonutChart -
StackedRoseChart -
GroupedRoseChart
Develop
npm install
npm run build
No vulnerabilities found.
Reason
security policy file detected
Details
- Info: security policy file detected: SECURITY.md:1
- Info: Found linked content: SECURITY.md:1
- Info: Found disclosure, vulnerability, and/or timelines in security policy: SECURITY.md:1
- Info: Found text in security policy: SECURITY.md:1
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
30 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
SAST tool is run on all commits
Details
- Info: SAST configuration detected: CodeQL
- Info: all commits (28) are checked with a SAST tool
Reason
dependency not pinned by hash detected -- score normalized to 3
Details
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/auto-release.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/auto-release.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/automerge.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/automerge.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/build.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/build.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/build.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/build.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/codeql-analysis.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/codeql-analysis.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/codeql-analysis.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:62: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/codeql-analysis.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish-github-packages.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/npm-publish-github-packages.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish-github-packages.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/npm-publish-github-packages.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish-github-packages.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/npm-publish-github-packages.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish-github-packages.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/npm-publish-github-packages.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/stale.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/open-data-plan/g2plot-react/stale.yml/master?enable=pin
- Info: 0 out of 11 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 3 third-party GitHubAction dependencies pinned
- Info: 3 out of 3 npmCommand dependencies pinned
Reason
Found 0/2 approved changesets -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Info: jobLevel 'contents' permission set to 'read': .github/workflows/npm-publish-github-packages.yml:23
- Warn: jobLevel 'packages' permission set to 'write': .github/workflows/npm-publish-github-packages.yml:24
- Warn: no topLevel permission defined: .github/workflows/auto-release.yml:1
- Warn: no topLevel permission defined: .github/workflows/automerge.yml:1
- Warn: no topLevel permission defined: .github/workflows/build.yml:1
- Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1
- Warn: no topLevel permission defined: .github/workflows/npm-publish-github-packages.yml:1
- Warn: no topLevel permission defined: .github/workflows/stale.yml:1
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
13 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g
- Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3
- Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx
- Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
Score
5.4
/10
Last Scanned on 2025-03-03
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More