Class: Chart

.Components.Data.Chart(type, series, options, width, height, chart_width, chart_height)

new Chart(type, series, options, width, height, chart_width, chart_height)

Componente que renderiza un grafico ApexCharts. Para más información de como enviar los parametros type, series y options, ver la doc oficial de ApexCharts

Parameters:
Name Type Description
type ChartType

Tipo de gráfico
series JsonString

Datos del gráfico
options JsonString

Configuración del gráfico
width string

Width del contenedor
height string

Height del contenedor
chart_width string

Width del gráfico
chart_height string

Height del gráfico
Source:
Example
<chart
  type="area"
  series='[
        {
          "name": "series1",
          "data": [31, 40, 28, 51, 42, 109, 100]
        }, {
          "name": "series2",
          "data": [11, 32, 45, 32, 34, 52, 41]
        }
  ]'
  options='{
        "dataLabels": {
          "enabled": false
        },
        "stroke": {
          "curve": "smooth"
        },
        "xaxis": {
          "type": "datetime",
          "categories": ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
        },
        "tooltip": {
          "x": {
            "format": "dd/MM/yy HH:mm"
          }
        }
  }'
  width="100%"
/>