g2-angular

Angular for Alipay G2

Usage no npm install needed!

<script type="module">
  import g2Angular from 'https://cdn.skypack.dev/g2-angular';
</script>

README

g2-angular

Angular for Alipay G2

NPM version Build Status

Demo

Install

1. You can install g2-angular from npm.

npm install g2-angular --save

2. Important: You need install and include g2 library in app via webpack bundler or html.

A: webpack bundler

npm install g2 --save

You can choose load g2 script file via angular.json or Lazy load.

(Recommend)

// angular.json
"scripts": [
  "../node_modules/g2/index.js"
]

or

import { G2ChartModule } from 'g2-angular';

@NgModule({
  imports: [
    G2ChartModule.forRoot({
      js: 'https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.4.1/dist/g2.min.js'
    })
  ]
});

B: index.html

<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.4.1/dist/g2.min.js"></script>

How to use it with:

  • angular-cli please refer to demo.
  • Stackblitz sample available here.

Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

  1. Use GitHub Issues board to report bugs and feature requests (not our email address)
  2. Please always write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

License

The MIT License (see the LICENSE file for the full text)