uv-charts-dashboard/src/app/components/dashboard/dashboard.html

A dashboard for uvCharts examples

<div class="container">
	<div class="item item-br">
		<line-chart [routerLink]="['/chart/line-chart']" [compress]="true"></line-chart>
		<p>Line Chart</p>
	</div>
	<div class="item">
		<area-chart [routerLink]="['/chart/area-chart']" [compress]="true"></area-chart>
		<div>Area Chart</div>
	</div>
	<div class="item">
		<stacked-bar-chart [routerLink]="['/chart/stacked-bar-chart']" [compress]="true"></stacked-bar-chart>
		<div>Stacked Bar Chart</div>
	</div>
	<div class="item">
		<pie-chart [routerLink]="['/chart/pie-chart']" [compress]="true"></pie-chart>
		<div>Pie Chart</div>
	</div>
</div>
<div class="container">
	<div class="item item-br">
		<percent-area-chart [routerLink]="['/chart/percent-area-chart']" [compress]="true"></percent-area-chart>
		<div>Percent Area Chart</div>
	</div>
	<div class="item">
		<donut-chart [routerLink]="['/chart/donut-chart']" [compress]="true"></donut-chart>
		<div>Donut Chart</div>
	</div>
	<div class="item">
		<waterfall-chart [routerLink]="['/chart/waterfall-chart']" [compress]="true"></waterfall-chart>
		<div>Waterfall Chart</div>
	</div>
	<div class="item">
		<percent-bar-chart [routerLink]="['/chart/percent-bar-chart']" [compress]="true"></percent-bar-chart>
		<div>Percent Bar Chart</div>
	</div>
</div>
<div class="container">
	<div class="item item-br">
		<polar-area-chart [routerLink]="['/chart/polar-area-chart']" [compress]="true"></polar-area-chart>
		<div>Polar Area Chart</div>
	</div>
	<div class="item">
		<stepup-bar-chart [routerLink]="['/chart/stepup-bar-chart']" [compress]="true"></stepup-bar-chart>
		<div>Stepup Bar Chart</div>
	</div>
	<div class="item">
		<bar-chart [routerLink]="['/chart/bar-chart']" [compress]="true"></bar-chart>
		<div>Bar Chart</div>
	</div>
	<div class="item">
		<stacked-area-chart [routerLink]="['/chart/stacked-area-chart']" [compress]="true"></stacked-area-chart>
		<div>Stacked Area Chart</div>
	</div>
</div>