Comments (4)
Strange. Your code works for me...
from angular-google-charts.
I just created an OrgChart to try, and it worked like a charm. Are you sure that you have created it correctly?
from angular-google-charts.
Pretty sure yeah?
<google-chart #chart (ready)="chart_ready()" (select)="org_chart_select($event)" type="OrgChart" [data]="chartData.data"
[columnNames]="chartData.columnNames" [options]="chartData.options">
public generate_chart_data() {
const data: ChartData = {
data: [
['ROA, ROIC, ROE', '', 'Return on Assets'],
['TA', 'ROA, ROIC, ROE', 'Total Assets'],
['NOPAT', 'ROA, ROIC, ROE', 'Net Operating Profit After Tax'],
['IC', 'ROA, ROIC, ROE', 'Invested Capital'],
['TE', 'ROA, ROIC, ROE', 'Total Equity'],
['Exp', 'NOPAT', 'Expenses'],
['Tax', 'NOPAT', 'Tax Rate'],
['OR', 'NOPAT', 'Operating Revenue'],
['TA', 'ROA', 'Total Assets'],
['Utl', 'Exp', 'Utilities'],
['Opex', 'Exp', 'Operational Expenditure'],
['Oexp', 'Exp', 'Other Expenses'],
['UntS', 'OR', 'Units Sold'],
['SP', 'OR', 'Sales Price'],
['Lbr', 'Opex', 'Labour Costs'],
['Mnt', 'Opex', 'Maintenance Costs'],
['Stock', 'UntS', 'Stock / Units Not Sold'],
['UntPr', 'UntS', 'Units Produced'],
['PCap', 'UntPr', 'Plant Capacity'],
['TCU', 'UntPr', 'Total Capacity Utilization'],
['OEE', 'TCU', 'Overall Equipment Effectiveness'],
['Utz', 'TCU', 'Utilization'],
['A', 'OEE', 'Availability'],
['P', 'OEE', 'Performance'],
['Q', 'OEE', 'Quality'],
],
columnNames: ['Name', 'Manager', 'Tooltip'],
options: {
'title': 'Organizational Chart View',
allowHtml: true,
allowCollapse: true,
nodeClass: 'defaultNode',
selectedNodeClass: 'selectedNode',
}
}
return data;
}
from angular-google-charts.
Ok - must be something my side then, will close?
from angular-google-charts.
Related Issues (20)
- New version release which is compatible with Angular 13+ HOT 3
- Push latest version to npmjs.com HOT 2
- how to clear table in the latest api? HOT 1
- New version 2.2.3 is not compatible with the current stable version of Angular (v13.2.0) HOT 8
- Angular v8. Compilation fails when importing the module. Error states: 'Please add a @NgModule annotation'
- Unable to install angular-google-charts in project
- Angular google chart Version 2.2.2 Is not working on my existing Angular 9 Application HOT 1
- Use Types interfaces in project
- GoogleChartPackagesHelper.getPackageForChartName for angular 14
- The target entry-point "angular-google-charts" has missing dependencies: - @angular/core
- Update peerDependencies for Angular 15 HOT 4
- Locale Support HOT 1
- Expand Row interface definition HOT 1
- I don't get any error but I don't see anything
- Calendar Heatmap Type Not Work dynamicResize
- Angular 16 support HOT 8
- Customize tooltip
- broaden type Row in chart-base.component.ts HOT 1
- Memory leak
- This library is unmaintained HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-google-charts.