Spaces:

ccjulia
/

zero_friction

Sleeping

zero_friction / frontend /src /app /dashboard /chart-widget /chart-widget.ts

Ming Wang

Phase 2: chart integration

1f7eb48 7 months ago

967 Bytes

import { Component, input } from '@angular/core';
import { MatCard, MatCardContent } from '@angular/material/card';
import { NgxEchartsDirective, provideEchartsCore } from 'ngx-echarts';
import * as echarts from 'echarts/core';
import { LineChart, BarChart } from 'echarts/charts';
import {
  TitleComponent,
  TooltipComponent,
  GridComponent,
  LegendComponent,
} from 'echarts/components';
import { CanvasRenderer } from 'echarts/renderers';
import type { EChartsOption } from 'echarts';

echarts.use([
  LineChart,
  BarChart,
  TitleComponent,
  TooltipComponent,
  GridComponent,
  LegendComponent,
  CanvasRenderer,
]);

@Component({
  selector: 'app-chart-widget',
  imports: [MatCard, MatCardContent, NgxEchartsDirective],
  providers: [provideEchartsCore({ echarts })],
  templateUrl: './chart-widget.html',
  styleUrl: './chart-widget.scss',
})
export class ChartWidget {
  title = input.required<string>();
  options = input.required<EChartsOption>();
}

	import { Component, input } from '@angular/core';
	import { MatCard, MatCardContent } from '@angular/material/card';
	import { NgxEchartsDirective, provideEchartsCore } from 'ngx-echarts';
	import * as echarts from 'echarts/core';
	import { LineChart, BarChart } from 'echarts/charts';
	import {
	TitleComponent,
	TooltipComponent,
	GridComponent,
	LegendComponent,
	} from 'echarts/components';
	import { CanvasRenderer } from 'echarts/renderers';
	import type { EChartsOption } from 'echarts';

	echarts.use([
	LineChart,
	BarChart,
	TitleComponent,
	TooltipComponent,
	GridComponent,
	LegendComponent,
	CanvasRenderer,
	]);

	@Component({
	selector: 'app-chart-widget',
	imports: [MatCard, MatCardContent, NgxEchartsDirective],
	providers: [provideEchartsCore({ echarts })],
	templateUrl: './chart-widget.html',
	styleUrl: './chart-widget.scss',
	})
	export class ChartWidget {
	title = input.required<string>();
	options = input.required<EChartsOption>();
	}