🍷 Digital Wine Cellar – Pattern Library

Chart container 

<div class="chart-container" id="chart-id-1"></div>
 
<div class="chart-container" id="{{id}}"></div>
 
{
  "id": "chart-id-1"
}
  • Content: 
    /**
 * Chart container
 */

@media screen {

  .chart-container {
    width: 100%;
  }

  .chart-container > * {
    margin-top: 0;
  }
}
  • URL: /components/raw/chart-container/chart-container.css
  • Filesystem Path: components/02_molecules/chart-container/chart-container.css
  • Size: 138 Bytes

Chart container

Use this component to render your charts. There’s only one property; id, that’s required. This sets the value for the id attribute on the element which in turn will be required for the JavaScript to target it in order to render the graph.