@assecosolutions/fox-chart

This webcomponent is made by 🦊🧙.

Usage no npm install needed!

<script type="module">
  import assecosolutionsFoxChart from 'https://cdn.skypack.dev/@assecosolutions/fox-chart';
</script>

README

🦊 Fox - Future Open Experience

This webcomponent is made by 🦊🧙.

Installation

npm i @assecosolutions/fox-chart

Usage

<script type="module">
  import '@assecosolutions/fox-chart';

  const options = {
    legend: { display: false },
    title: {
      display: true,
      text: 'Alle Angebote nach Status',
    },
  };

  const data = {
    labels: [
      'In Arbeit',
      'Bereit zur Freigabe',
      'Freigegeben',
      'Auftrag',
      'Verloren',
      'Muster',
      'Ersetzt',
    ],
    datasets: [
      {
        backgroundColor: [
          '#3e95cd',
          '#8e5ea2',
          '#3cba9f',
          '#e8c3b9',
          '#c45850',
          '#3927c4',
          '#db9521',
        ],
        data: [633, 11, 121, 233, 12, 7, 60],
      },
    ],
  };
</script>

<fox-chart type="bar" options="${options}" data="${data}"> </fox-chart>

Docs

This component is wrapped around Chart.js.
Demos
Official documentation

Further Reading

Please, also check the documentations about the API and our client

Contribute

If you would like to contribute please make sure that you have read our development guidelines.

Maintainer

Burak Topal Jari Möllenbernd Julia Nissen
Burak Topal (@biggisb) Jari Möllenbernd (@jarmee) Julia Nissen (@JuliaNssn)