Highcharts Dashboards Demo

author(s): Sebastian Bochan

by stitot

HTML

<script src="https://cdn.jsdelivr.net/npm/@highcharts/grid-pro/grid-pro.js"></script>

<div id="container"></div>

CSS

@import url("https://cdn.jsdelivr.net/npm/@highcharts/grid-pro/css/grid-pro.css");

body {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        sans-serif;
}

JavaScript

Grid.grid('container', {
  dataTable: {
    columns: {
      weight: [100423.5, 40, 0.5, 200],
    },
  },
  lang: {
    decimalPoint: 'dd',
    thousandsSep: ' ',
  },
  columns: [
    {
      id: 'weight',
      className: 'custom-column-class-name',
      cells: {
        format: '{value} kg',
      },
    },
  ],
})