Using Charts in Angular

Can Yüksel
1 min readMay 20, 2022

Hi everyone,

Example is echarts on the angular.we are use apache echarts for this process. These charts will add functionality and visuality to our project.

Firstly import Apache echart for our Project. Enter to the following url for this process.

https://www.jsdelivr.com/package/npm/echarts

We are necessary npm package install our Project. write the text below to the consol for package.

npm i echarts

Examples we can use are here.

https://echarts.apache.org/examples/en/index.html

After we are open the angular Project. Necessary data import our Project.Use to Some API for this process .

Example DB:

Northwind DB : https://github.com/Microsoft/sql-server-samples/tree/master/samples/databases/northwind-pubs

We throw the data into an array and add this array to the required field on the chart. The point to be considered here is the correct assignment of the array.

Finally will appear our Project like the following.

that’s why working with apache charts is so easy, thanks for reading.

--

--

Can Yüksel

I’m Mining and software Engineer. I’m study at Dokuz Eylül University. I share the information I learned while developing myself in the field of software.