chartjs-web-components

WebJar for chartjs-web-components

License	MIT
Categories	JavaScript Languages
GroupId	org.webjars.npm
ArtifactId	chartjs-web-components
Last Version	2.7.1
Release Date	Jun 24, 2020
Type	jar
Description	chartjs-web-components WebJar for chartjs-web-components
Project URL	https://www.webjars.org
Source Code Management	https://github.com/fsx950223/chartjs-web-components

Download chartjs-web-components

Filename	Size
chartjs-web-components-2.7.1.pom
chartjs-web-components-2.7.1.jar	17 KB
chartjs-web-components-2.7.1-sources.jar	22 bytes
chartjs-web-components-2.7.1-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/chartjs-web-components/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>chartjs-web-components</artifactId>
    <version>2.7.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/chartjs-web-components/
implementation 'org.webjars.npm:chartjs-web-components:2.7.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/chartjs-web-components/
implementation ("org.webjars.npm:chartjs-web-components:2.7.1")

Apache Buildr

'org.webjars.npm:chartjs-web-components:jar:2.7.1'

Apache Ivy

<dependency org="org.webjars.npm" name="chartjs-web-components" rev="2.7.1">
  <artifact name="chartjs-web-components" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='chartjs-web-components', version='2.7.1')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "chartjs-web-components" % "2.7.1"

Leiningen

[org.webjars.npm/chartjs-web-components "2.7.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Chartjs Web Components

The web components for chart.js which is built on lit-element

Live Demo

https://fsx950223.github.io/chartjs-web-components/live-demo/

Install

npm i chartjs-web-components

Lit-Element Usage

<base-chart id="chart" type="chartType" .data="${chartData}" .options="${chartOptions}"></base-chart>

import 'chartjs-web-components'

Vue Example

<base-chart id="chart" type="chartType" :data="data" :options="options"></base-chart>

import VueChartjs from 'chartjs-web-components/dist/vue.js'

React Example

import ReactChartjs from 'chartjs-web-components/dist/react.js'
<ReactChartjs data={data} type={type} options={options}/>

Demo

npm run start

Versions

Version
2.7.1 Jun 24, 2020
1.5.0 Sep 14, 2018