Skip to main content
Data

Chart

Renders a reactive ECharts chart on any sized element with an accessible label.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjChart } from '@kouji-ui/core';
04

Playground

#playground
type
<div
  kjChart
  [kjChartOption]="{
    xAxis: { type: 'category', data: days },
    yAxis: { type: 'value' },
    series: [{ type: 'line', data: values }],
  }"
  kjChartLabel="Weekly active users"
  style="height: 280px"
></div>