nginstacknew 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