A chart component.

Install

npm install @fluid-topics/ft-chart
yarn add @fluid-topics/ft-chart

Usage

import { html } from "lit"
import "@fluid-topics/ft-chart"

function render() {
    return html` <ft-chart 
        xAxisName="date"
        yAxisName="items" 
        valueLabels="['items', 'errors']",
        valueSingular="['item', 'error']",
        barChart
        period="DAY"
        data="[[1643673600, 120, 1], [1643760000, 1, 32], [1643846400, 150, 42],
         [1643932800, 80, 61], [1644019200, 70, 69], [1644105600, 110, 98], 
         [1644192000, 130, 123]]" >
    </ft-chart> `
}