dsternlicht

dsternlicht

dsternlicht

[
   ["Dataset 1", "Dataset 2", "Dataset 3"],
   [100,200,300],
   [120,170,320]
]

dsternlicht

[
   [100,200,300],
   [120,170,320]
]

dsternlicht

[
   [100,200,300],
   [120,170,320]
]

dsternlicht

[
  {
    "field": "value 2",
    "display": "Value 2"
  },
  {
    "field": "value 1" 
  }
]

dsternlicht

[
  ["test", "dynamic"],
  [1,2],
  [3,4],
  [5,6]
]

dsternlicht

[
  {
    "name": "Round 1",
    "values": [
      {
        "id": 1,
        "label": "Test 1",
        "value": 0,
        "color": "red"
      },

dsternlicht

import React, { Component } from 'react';

import { LiveBarChart } from 'react-dynamic-charts';
import 'react-dynamic-charts/dist/index.css'; // Don't forget to import the styles

class App extends Component {
  state = {
    data: [
      // ...
    ]

dsternlicht

<template>
  <div class="modal" v-bind:class="customClass" v-bind:style="{ display: show ? 'block' : 'none' }">
    <div class="overlay" @click="closeCallback()"></div>
    <div class="modal_content">
      <slot></slot>
      <button title="Close" class="close_modal" @click="closeCallback()">
        <i class="fas fa-times"></i>
      </button>
    </div>
  </div>