Class: Chart

@nginstack/web-framework/lib/chart/Highcharts~ Chart


new Chart(options)

Objeto para criação de gráficos com a biblioteca Highcharts.

As opções não informadas ao construtor do gráfico serão obtidas do tema corrente do usuário. É recomendado que configurações visuais, como cores, não sejam informadas para que as configurações do tema do usuário sejam utilizadas.

A opção renderTo pode ser passada para que a div que contenha o gráfico não seja criada automaticamente. Neste caso, o desenvolvedor será responsável por escrevê-la.

O gráfico deve ser escrito através do método "write" do processo.
Além das opções documentadas em http://www.highcharts.com/ref/, há as seguintes opções adicionais:

chart.maximizeOnDblClick: booleano que indica que o gráfico será maximizado se o usuário der dois cliques sobre ele. Será presumido true se não for informado.

A implementação atual não suporta eventos e opções que recebam funções como parâmetros.

Importante: o Web Framework também possui integração com a biblioteca de código aberto ECharts, uma alternativa ao Highcharts, sem custos de licenciamento.

Parameters:
Name Type Description
options Object

Opções para criar o gráfico. As opções disponíveis estão documentadas em http://www.highcharts.com/ref/#plotOptions.

Example
var Highcharts = require('@nginstack/web-framework/lib/chart/Highcharts');
var chart = new Highcharts.Chart({
  width: "500px",
  height: "300px",
  chart: {
    defaultSeriesType: "bar"
  },
  title: {
    text: "Consumo de Frutas"
  },
  xAxis: {
    categories: ["Maçãs", "Bananas", "Laranjas"]
  },
  yAxis: {
    title: {
      text: "Frutas comidas"
    }
  },
  series: [
    {
      name: "Maria",
      data: [1, 0, 4]
    },
    {
      name: "João",
      data: [5, 7, 3]
    }
  ]
});
this.write(chart);

Members


options :Object

Opções para criar o gráfico. Atualmente não suporta funções.

Type:
  • Object

Methods


getClientLibraries()

Retorna a lista de URIs que são dependências dessa widget.

Returns:

Lista de dependências.

Type
Array

html()

Retorna o script para gerar o gráfico.

Returns:

Retorna html responsável por exibir o gráfico. O retorno inclui a tag