nginstack

Class: ECharts

@nginstack/web-framework/lib/chart/ECharts~ ECharts

new ECharts( [options])

Objeto que permite a criação de gráficos utilizando a biblioteca ECharts.

Essa API realiza apenas uma adaptação da biblioteca ECharts para ser utilizada no contexto de um processo do sistema. Detalhes das opções necessárias para criar os gráficos devem ser obtidos diretamente na documentação da biblioteca ECharts.

O gráfico construído deve ser escrito através do método write do processo, conforme exemplo abaixo.

Parameters:
Name Type Argument Description
options Object <optional>

Opções de inicialização do ECharts. Ver https://echarts.apache.org/en/api.html#echarts.init para mais detalhes das opções disponíveis.

Properties
Name Type Argument Description
theme string <optional>

Tema a ser utilizado. Quando não for informado, será utilizado o tema padrão do sistema ('wf-default').
devicePixelRatio number <optional>

Razão de um pixel físico para o tamanho de um pixel independente do dispositivo. Caso não seja informado, será utilizado o valor da propriedade window.devicePixelRatio do navegador.
renderer string <optional>

Renderizadores suportados: 'canvas' e 'svg'.
width number | string <optional>

Largura do gráfico. Caso não seja informado, será considerado 800px.
height number | string <optional>

Altura do gráfico. Caso não seja informado, será considerado 400px.
Example
var ECharts = require('@nginstack/web-framework/lib/chart/ECharts');
var chart = new ECharts();
chart.setOption({
  title: {
    text: 'Requisitos por time'
  },
  legend: {
    data: ['Framework', 'Engine']
  },
  xAxis: {
    type: 'category',
    data: ['OUT/10', 'NOV/10', 'DEZ/10']
  },
  yAxis: {
    name: 'Requisitos por sprint'
  },
  series: [
    {
      name: 'Framework',
      type: 'bar',
      data: [10, 20, 40]
    },
    {
      name: 'Engine',
      type: 'bar',
      data: [10, 27, 30]
    }
  ]
});
this.write(chart);

Methods

html()

Retorna o script para gerar o gráfico.

Returns:

Retorna html responsável por exibir o gráfico.

Type
string

setOption(options)

Altera as opções de visualização do gráfico.

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

Parameters:
Name Type Description
options Object

Opções de visualização do gráfico. As opções disponíveis estão documentadas em https://echarts.apache.org/en/option.html.