Sharing Top Content from the Angular-sphere.

Angular Chart libraries

  • I’m in the process of developing a dashboard for a sales department for my workplace to display employee conversion/sales, total calls, etc. and I want to add a graph showing historical data.
  • My data source is an object with arrays inside in a format like this;

    In this example (bogus data), we have 4 days worth of data for this employee – index 0 in each array is for the same day (so for example, on day 0, this employee took 20 calls and secured 11 sales).

  • Each employee will have a similar object in the data source.
  • I also have a HTML table of employees and I’ve got it setup so that when an employee row is clicked in the table, it calls a function to select the relevant employee from the data source and update the scope with their data.
  • Syncfusion wants an object for each day to work, and I couldn’t find enough information on how I dynamically update chartJS to display new data (such as when a different employee is selected in the table) so it didn’t display anything.

Evening folks! I’m in the process of developing a dashboard for a sales department for my workplace to display employee conversion/sales, total…

@Beepop_Agency: Angular Chart libraries – array-only data source:

Evening folks!

I’m in the process of developing a dashboard for a sales department for my workplace to display employee conversion/sales, total calls, etc. and I want to add a graph showing historical data.

My data source is an object with arrays inside in a format like this;

In this example (bogus data), we have 4 days worth of data for this employee – index 0 in each array is for the same day (so for example, on day 0, this employee took 20 calls and secured 11 sales). This data doesn’t need to be updated dynamically so no HTTP calls to pull data are needed at this time.

Each employee will have a similar object in the data source. I also have a HTML table of employees and I’ve got it setup so that when an employee row is clicked in the table, it calls a function to select the relevant employee from the data source and update the scope with their data. I might end up performing some calculations on the data to change it into a conversion percentage instead, but that’s a different task.

I’m looking for a graph/chart component that can display a line graph based upon only these arrays. I don’t want to have to setup and object within an object for each day as it’ll take too long to update the data daily (until I can add an admin interface at least).

The number of calls may sometimes be lower than the number of sales (for example, some employees pass their sales to other colleagues, or secure multiple sales in a single call), but I can perform the necessary calculations to set the maximum value of the axis to account for this without much issue.

I’ve taken a look at Syncfusion chart, as well as chart.js and it’s angular chart.js script/component, but I couldn’t quite get either of them working as I want. Syncfusion wants an object for each day to work, and I couldn’t find enough information on how I dynamically update chartJS to display new data (such as when a different employee is selected in the table) so it didn’t display anything.

Could anyone help me out with some suggestions on something that’s easy to integrate, and ideally with an example. There’s no limitations on whether the solution uses HTML5 canvas or simply DIVs. I’m not completely new to AngularJS,

Angular Chart libraries

Comments are closed, but trackbacks and pingbacks are open.