A basic build of the ChartIQ library within the Angular 2.0 framework. This provides an example of how to implement the most common elements in the charting library. This is not a comprehensive example, more like a good starting point for an Angular developer.
If you have questions or get stuck using this project or the ChartIQ library, the dev support team can be reached through dev@chartiq.com.
- A copy of the ChartIQ library, version 3.0+ is required. To get your copy, visit https://www.chartiq.com/products/html5-charting-library/ to see a demo and get in touch with us.
- node.js installed version 5+
- NPM installed (version 3+) or Yarn
- Clone this repository.
- Extract the contents of your zipped copy of the ChartIQ library into
src/chartiq_library/
. You should now have the folderssrc/chartiq_library/css
andsrc/chartiq_library/js
. You may be prompted about overwriting the contents ofsrc/chartiq_librar/js
. These pre-existing files are just stub files and should be overwritten. If you have any questions about where these files should go, follow their expected path backwards from either thechart.service.ts
orchart.component.ts
. - Run
npm install
to install dependencies. It is strongly recommended to not have any of the dependencies installed globally. - Run
npm start
to start up the dev server. - Open your browser to
http://localhost:3000
.- If you have not already replaced
chartiq.js
andquoteFeedSimulator.js
with your copies from the library zip you will see errors in the console reminding you to do so.
- If you have not already replaced
- If you want to use another port, open
package.json
file, then change theserver
script from--port 3000
to the desired port number. A full list of webpack-dev-server command line options can be found here.
If you wish to contribute to this project, fork it and send us a pull request. We'd love to see what it is you want to do with our charting tools!