highcharts Wiki Rss Feed

New Comment on "Criar um gráfico de colunas"

FabioFreitas — Mon, 20 Aug 2012 14:02:55 GMT

Este projeto funciona com o FrameWorks 2.0?

New Comment on "Criar um gráfico de colunas"

FabioFreitas — Mon, 20 Aug 2012 14:02:28 GMT

Este projeto funcoina com o frameworks 2.0?

Updated Wiki: Criar um gráfico de colunas

alrcastro — Wed, 18 Jan 2012 21:06:09 GMT

Para gerar um gráfico de colunas, bastará criar um controle 'ColumnChart' na sua página da seguinte forma:

<highchart:columnchart id="hcFrutas" width="600" height="400" runat="server"></highchart:columnchart>

Daí vamos criar as séries de dados e adicionar.

//configuracoes de titulos
hcFrutas.Title = new Title("Consumo de Frutas");
hcFrutas.SubTitle = new SubTitle("Agrupados por tipo de fruta");
 
//definicoes de eixos
hcFrutas.YAxis.Add( new YAxisItem { title = new Title("Unidades") });
hcFrutas.XAxis.Add( new XAxisItem { categories = new[] { "Macas", "Laranjas", "Peras", "Bananas", "Uvas" } });
 
//dados
var series = new Collection<serie>();
series.Add(new Serie { name = "Andre", data = new object[] { 4, 15, 5, 17, 14 } });
series.Add(new Serie { name = "Ivan", data = new object[] { 4, 25, 6, 12, 6 } });
series.Add(new Serie { name = "Marina", data = new object[] { 7, 19, 2, 34, 5 } });
series.Add(new Serie { name = "Camila", data = new object[] { 3, 14, 6, 21, 9 } });
 
//configuracoes de renderizacoes
hcFrutas.PlotOptions = new Core.PlotOptions.PlotOptionsColumn { borderColor = "#dedede", borderRadius = 4 };
 
//bind do controle
hcFrutas.DataSource = series;
hcFrutas.DataBind();

Podemos também adicionar Título, Subtítulo e várias configurações visuais.

Updated Wiki: Criar um gráfico de linhas

alrcastro — Wed, 18 Jan 2012 21:05:33 GMT

Vamos usar este gráfico para exibir dados de vendas mostrando o faturamento anual. Utilizamos o controle 'LineChart' sem nenhuma configuração extra, ou seja, tudo no default. Crie um controle 'LineChart' e dê a ele o ID que quizer, você pode também definir o tamanho.

<highchart:LineChart id="hcVendas" runat="server" Width="500" Height="350" />

Depois acesse o "code behind" da página para definir as séries de dados que serão exibidas no gráfico. Se desejar, configure o título, legenda e aspectos visuais, porém neste exemplo não foram feitas configurações visuais.

//definicoes de eixos
hcVendas.YAxis.Add(new YAxisItem { title = new Title("Faturamento") });
hcVendas.XAxis.Add(new XAxisItem { categories = new[] { "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002" } });
 
//dados
var series = new Collection<Serie>();
series.Add(new Serie { data = new object[] { 400, 435, 446, 479, 554, 634, 687, 750, 831 } });
 
//bind do controle
hcVendas.DataSource = series;
hcVendas.DataBind();

O resultado é este:

Veja o resultado funcionando no link: http://highcharts.100loop.com/Sample01.aspx

Retornar ao menu

Updated Wiki: Create an area chart

alrcastro — Wed, 18 Jan 2012 21:04:26 GMT

Create an area chart

To generate an area chart, simply create a 'AreaChat' control on your page as follows:

<highchart:areachart id="hcPopulacao" width="620" height="420" runat="server"></highchart:areachart>

Set the Axis, title and bind your datasource to the control:

// Titles
hcPopulacao.Title = new Title("Estimativa da população mundial por região");
hcPopulacao.SubTitle = new SubTitle("fonte: wikipedia.org");
 
//defining Axis
hcPopulacao.YAxis.Add(new YAxisItem { title = new Title("Porcentagem") });
hcPopulacao.XAxis.Add(new XAxisItem { categories = new[] { "1750", "1800", "1850", "1900", "1950", "1999", "2050" } });
 
//Config to stacking based on percent
hcPopulacao.PlotOptions = new PlotOptionsArea { stacking = Stackting.percent, lineColor = "#ffffff", lineWidth = 1, fillOpacity = 0.45 };
 
//data
var series = new Collection<serie>();
series.Add(new Serie { name = "Ásia", data = new object[] { 502, 635, 809, 947, 1402, 3634, 5268 } });
series.Add(new Serie { name = "África", data = new object[] { 106, 107, 111, 133, 221, 767, 1766 } });
series.Add(new Serie { name = "Europa", data = new object[] { 163, 203, 276, 408, 547, 729, 628 } });
series.Add(new Serie { name = "América", data = new object[] { 18, 31, 54, 156, 339, 818, 1201 } });
series.Add(new Serie { name = "Oceânia", data = new object[] { 2, 2, 2, 6, 13, 30, 46 } });
 
//tooltip
hcPopulacao.Tooltip = new ToolTip("Highcharts.numberFormat(this.percentage, 1) +'% ('+ Highcharts.numberFormat(this.y, 0, ',') +' milhões)'");
 
//bind 
hcPopulacao.DataSource = series;
hcPopulacao.DataBind();

That’s all! just build it and execute, the result should be like this:

See a working area chart created by Highcharts .Net : http://highcharts.100loop.com/Sample04.aspx

Return to Index

Updated Wiki: Create a area spline chart

alrcastro — Wed, 18 Jan 2012 21:03:33 GMT

Create an area spline chart

To generate an area spline chart, simply create a 'AreaSplineChat' control on your page as follows:

<highchart:areasplinechart id="hcTemperatura" width="600" height="380" runat="server"></highchart:areasplinechart>

Set the Axis, title and bind your datasource to the control:

//Title
hcTemperatura.Title = new Title("Consumo de energia");
 
//definining axis
hcTemperatura.YAxis.Add(new YAxisItem { title = new Title("Kw/hora") });
hcTemperatura.XAxis.Add(new XAxisItem { categories = new[] { "domingo", "segunda", "terça", "quarta", "quinta", "sexta", "sábado" } });
 
//Data
var series = new Collection<serie>();
series.Add(new Serie { name = "geladeira", data = new object[] { 10, 11, 12, 10, 9, 7, 9 } });
series.Add(new Serie { name = "televisão", data = new object[] { 4, 6, 7, 7, 8, 13, 11 } });
 
//Making the graphics become on top of each other, and setting opacity
hcTemperatura.PlotOptions = new Core.PlotOptions.PlotOptionsAreaSpline { stacking = Stackting.normal, fillOpacity = 0.3 };
 
//customizing the tooltip
hcTemperatura.Tooltip = new ToolTip("this.x +': '+ this.y +' Kw/hora'");
 
//customizing the legend
hcTemperatura.Legend = new Legend { layout = Layout.vertical, 
                                    borderWidth = 3, 
                                    align = Align.right,
                                    y = 20,
                                    x = -20,
                                    verticalAlign = Core.VerticalAlign.top,
                                    shadow = true,
                                    backgroundColor = "#e3e6be"
                                  };
 
//bind
hcTemperatura.DataSource = series;
hcTemperatura.DataBind();

That’s all! just build it and execute, the result should be like this:

See a working Area Spline chart created by Highcharts .Net : http://highcharts.100loop.com/Sample03.aspx

Return to Index

Updated Wiki: Create a column chart

alrcastro — Wed, 18 Jan 2012 21:01:49 GMT

To generate a column chart, simply create a 'ColumnChart' control on your page as follows:

<highchart:columnchart id="hcFrutas" width="600" height="400" runat="server"></highchart:columnchart>

And then add the axis and bind the dataset/collection.

//Title configuration
hcFrutas.Title = new Title("Consumo de Frutas");
hcFrutas.SubTitle = new SubTitle("Agrupados por tipo de fruta");
 
//Defining Axis
hcFrutas.YAxis.Add(new YAxisItem { title = new Title("Unidades") });
hcFrutas.XAxis.Add( new XAxisItem { categories = new[] { "Macas", "Laranjas", "Peras", "Bananas", "Uvas" } });
  
//data    
var series = new Collection<serie>();   
series.Add(new Serie { name = "Andre", data = new object[] { 4, 15, 5, 17, 14 } });   
series.Add(new Serie { name = "Ivan", data = new object[] { 4, 25, 6, 12, 6 } });   
series.Add(new Serie { name = "Marina", data = new object[] { 7, 19, 2, 34, 5 } });   
series.Add(new Serie { name = "Camila", data = new object[] { 3, 14, 6, 21, 9 } }); 
  
//configuring Visual     
hcFrutas.PlotOptions = new Core.PlotOptions.PlotOptionsColumn { borderColor = "#dedede", borderRadius = 4 };
  
//bind    
hcFrutas.DataSource = series;  
hcFrutas.DataBind();

That's all! Just build and run your web application! The result should be like this:

Click to see a working column chart created by Highcharts .Net : http://highcharts.paulovich.com.br/Sample02.aspx

Return to Index

Updated Wiki: Creating a Line Chart

alrcastro — Wed, 18 Jan 2012 21:00:09 GMT

Creating a Line Chart

To create a Line Chart you just have to add the Highchart .Net LineChart control on your aspx page setting the id, height and width:

 <highchart:LineChart id="hcVendas" runat="server" Width="500" Height="350" />

Set the title and categories, and bind your data collection to your control:

//Defining Axis  hcVendas.YAxis.Add(new YAxisItem { title = new Title("Faturamento") });
  hcVendas.XAxis.Add(new XAxisItem { categories = new[] { "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002" } });
 
//New data collection
var series = new Collection<Serie>();
series.Add(new Serie { data = new object[] { 400, 435, 446, 479, 554, 634, 687, 750, 831 } });
 
//bind 
hcVendas.DataSource = series;
hcVendas.DataBind();

That's all! Just build and run your web application, the result should be like this:

You can also add Title, Subtitle and multiple visual settings.

See a working line chart created by Highcharts .Net : http://highcharts.paulovich.com.br/Sample01.aspx

Return to Index

Updated Wiki: Create a column chart

paulovich — Wed, 23 Nov 2011 17:59:30 GMT

To generate a column chart, simply create a 'ColumnChart' control on your page as follows:

<highchart:columnchart id="hcFrutas" width="600" height="400" runat="server"></highchart:columnchart>

And then add the axis and bind the dataset/collection.

//Title configuration
hcFrutas.Title = new Title("Consumo de Frutas");
hcFrutas.SubTitle = new SubTitle("Agrupados por tipo de fruta");
 
//Defining Axis
hcFrutas.YAxis = new YAxis { title = new Title("Unidades") };
hcFrutas.XAxis = new XAxis { categories = new[] { "Macas", "Laranjas", "Peras", "Bananas", "Uvas" } };
  
//data    
var series = new Collection<serie>();   
series.Add(new Serie { name = "Andre", data = new object[] { 4, 15, 5, 17, 14 } });   
series.Add(new Serie { name = "Ivan", data = new object[] { 4, 25, 6, 12, 6 } });   
series.Add(new Serie { name = "Marina", data = new object[] { 7, 19, 2, 34, 5 } });   
series.Add(new Serie { name = "Camila", data = new object[] { 3, 14, 6, 21, 9 } }); 
  
//configuring Visual     
hcFrutas.PlotOptions = new Core.PlotOptions.PlotOptionsColumn { borderColor = "#dedede", borderRadius = 4 };
  
//bind    
hcFrutas.DataSource = series;  
hcFrutas.DataBind();

That's all! Just build and run your web application! The result should be like this:

Click to see a working column chart created by Highcharts .Net : http://highcharts.paulovich.com.br/Sample02.aspx

Return to Index

Updated Wiki: Creating a Line Chart

paulovich — Wed, 23 Nov 2011 17:51:09 GMT

Creating a Line Chart

To create a Line Chart you just have to add the Highchart .Net LineChart control on your aspx page setting the id, height and width:

 <highchart:LineChart id="hcVendas" runat="server" Width="500" Height="350" />

Set the title and categories, and bind your data collection to your control:

//Defining Axis
hcVendas.YAxis = new YAxis { title = new Title("Faturamento") };
hcVendas.XAxis = new XAxis { categories = new[] { "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002" } };
 
//New data collection
var series = new Collection<Serie>();
series.Add(new Serie { data = new object[] { 400, 435, 446, 479, 554, 634, 687, 750, 831 } });
 
//bind 
hcVendas.DataSource = series;
hcVendas.DataBind();

That's all! Just build and run your web application, the result should be like this:

You can also add Title, Subtitle and multiple visual settings.

See a working line chart created by Highcharts .Net : http://highcharts.paulovich.com.br/Sample01.aspx

Return to Index

Updated Wiki: Creating a Line Chart

paulovich — Wed, 23 Nov 2011 17:50:39 GMT

Creating a Line Chart

To create a Line Chart you just have to add the Highchart .Net LineChart control on your aspx page setting the id, height and width:

 <highchart:LineChart id="hcVendas" runat="server" Width="500" Height="350" />

Set the title and categories, and bind your data collection to your control:

//Defining Axis
hcVendas.YAxis = new YAxis { title = new Title("Faturamento") };
hcVendas.XAxis = new XAxis { categories = new[] { "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002" } };
 
//New data collection
var series = new Collection<Serie>();
series.Add(new Serie { data = new object[] { 400, 435, 446, 479, 554, 634, 687, 750, 831 } });
 
//bind 
hcVendas.DataSource = series;
hcVendas.DataBind();

That's all! Just build and run your web application, the result should be like this:

You can also add Title, Subtitle and multiple visual settings.

See a working line chart created by Highcharts .Net : http://highcharts.paulovich.com.br/Sample01.aspx

Return to Index

Updated Wiki: Home

paulovich — Wed, 23 Nov 2011 17:49:37 GMT

Project Description
Highcharts .Net is a charts library written in pure javascript, offering an easy way to add complex charts to your Web application. Highcharts .Net encapsulates the Highcharts API on ASP.net controls making it easier to use.

Highcharts .Net team is not related to Highcharts. Highcharts is free for non-commercial use. You can access http://highcharts.com for more information.

You can see some Highcharts.Net examples at this link: http://highcharts.paulovich.com.br/

Descrição do Projeto:
Highcharts .Net é uma biblioteca de gráficos escritos puramente em JavaScript, oferecendo uma maneira fácil de adicionar gráficos interativos ao seu aplicativo web. Este projeto irá encapsular toda implementação da API Highcharts em controles Asp.Net, facilitando sua utilização.

O time do Highcharts .Net não está relacionado com o Highcharts. Highcharts é grátis para uso não-comercial. Você pode acessar http://highcharts.com para outras informações.

Você pode ver alguns exemplos do Highcharts.Net funcionando online neste link: http://highcharts.paulovich.com.br/

New Comment on "Create a column chart"

ashish_mundra — Wed, 27 Apr 2011 12:18:21 GMT

I used this and it works fine.. But I also have a submit button on my asp.net page. On click, the chart becomes blank whereas I am rebinding the control. Please help!

Updated Wiki: Corridas de rua é com o 100loop Running

paulovich — Tue, 07 Dec 2010 16:30:22 GMT

Há algumas semanas atrás, nós estivemos pensando numa idéia para um próximo vídeo do concurso da Microsoft “Desenvolvedor Windows” e numa conversa descontraída no horário de almoço eu (André Paulovich) e o André Castro pensamos em criar um aplicativo nos moldes do software da Nike que se integra ao Ipod para armazenar estatísticas de corrida. Porém, integrado ao maior número de smartphones possíveis e oferecendo mais serviços em português.

Daí iniciamos nossa corrida, ainda sem ser aquela do asfalto, mas sim contra o tempo e todo tipo de imprevistos para realizar nossos objetivos. Conseguir um smartphone com GPS, preparar o client, desenvolver o serviço, o aplicativo WPF, fazer camisetas e treinar para não fazer feio em nossa primeira corrida como equipe 100loop.

Algum tempo depois, já tinhamos a primeira versão do client e um serviço publicado… e resolvemos fazer nossos treinos usando o 100loop Running. Corremos na Lagoa da Pampulha e – permitam-me o trocadilho – “correu tudo as mil maravilhas…” chamou o serviço, passou os dados do GPS e estávamos prontos para iniciar as outras etapas do projeto: Criar um site, fazer camisetas e iniciar o densenvolvimento do aplicativo WPF.

No dia do evento, armazenamos todos os dados da corrida do André Castro (Poter), que estava carregando o smartphone e faria o maior percurso… 10km! Eu e o Fernando tínhamos como objetivo completar os 5km da nossa bateria. Novamente deu tudo certo… chegamos um pouco atrasados por conta do trânsito, mas nada que comprometesse nossa corrida… afinal cada um tem a sua corrida. Nós largamos com exatos 10 min de prova (assim que passamos pelo tapete).

O resultado vocês podem conferir no vídeo que fizemos e já está no youtube: http://youtu.be/6tZln9yETaw

Em breve colocaremos o client do smartphone, o app WPF e o site online… isso mesmo. Teremos um site para hospedar o serviço… uma espécie de rede social de corredores de rua, com dicas para nutrição e exercicíos para antes e depois dos treinos, onde você poderá armazenar as informações se suas corridas, analizá-las e até mesmo compartilha-las com seus amigos.

Dia 19 de dezembro, iremos participar do Circuito das Águas em Lagoa Santa (cidade próxima de Belo Horizonte)… serão 7.4km de corrida em volta da lagoa principal da cidade. Quem animar… já está convidado a correr conosco. Um grande abraço e nos vemos pela estrada!

Updated Wiki: Documentation

paulovich — Tue, 09 Nov 2010 11:17:31 GMT

Highcharts .Net

Highcharts .Net makes it easier to use the Highcharts API on .Net Applications since the javascript code is now encapsulated in simple asp.net controls. You just need to add this control in your web form set a few properties and you are good to go.

Documentation:

Highcharts .Net facilita o uso da API Highcharts em aplicações .Net já que ós códigos javascript estão encapsulados em controles asp.net. Basta adicionar o controle no seu Web Form configurar algumas propriedades e o gráfico está pronto.

Documentação:

Como começar (Instalação)
Criar um gráfico de linhas
Criar um gráfico de colunas
Criar um gráfico de Área
Criar um gráfico de Área Percentual

Updated Wiki: Criar um gráfico de linhas

paulovich — Tue, 09 Nov 2010 11:15:59 GMT

<highchart:LineChart id="hcVendas" runat="server" Width="500" Height="350" />

//definicoes de eixos
hcVendas.YAxis = new YAxis { title = new Title("Faturamento") };
hcVendas.XAxis = new XAxis { categories = new[] { "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002" } };
 
//dados
var series = new Collection<Serie>();
series.Add(new Serie { data = new object[] { 400, 435, 446, 479, 554, 634, 687, 750, 831 } });
 
//bind do controle
hcVendas.DataSource = series;
hcVendas.DataBind();

O resultado é este:

Veja o resultado funcionando no link: http://highcharts.100loop.com/Sample01.aspx

Retornar ao menu

Updated Wiki: Create an area chart

alrcastro — Mon, 08 Nov 2010 17:47:40 GMT

Create an area chart

To generate an area chart, simply create a 'AreaChat' control on your page as follows:

<highchart:areachart id="hcPopulacao" width="620" height="420" runat="server"></highchart:areachart>

Set the Axis, title and bind your datasource to the control:

// Titles
hcPopulacao.Title = new Title("Estimativa da população mundial por região");
hcPopulacao.SubTitle = new SubTitle("fonte: wikipedia.org");
 
//defining Axis
hcPopulacao.YAxis = new YAxis { title = new Title("Porcentagem") };
hcPopulacao.XAxis = new XAxis { categories = new[] { "1750", "1800", "1850", "1900", "1950", "1999", "2050" } };
 
//Config to stacking based on percent
hcPopulacao.PlotOptions = new PlotOptionsArea { stacking = Stackting.percent, lineColor = "#ffffff", lineWidth = 1, fillOpacity = 0.45 };
 
//data
var series = new Collection<serie>();
series.Add(new Serie { name = "Ásia", data = new object[] { 502, 635, 809, 947, 1402, 3634, 5268 } });
series.Add(new Serie { name = "África", data = new object[] { 106, 107, 111, 133, 221, 767, 1766 } });
series.Add(new Serie { name = "Europa", data = new object[] { 163, 203, 276, 408, 547, 729, 628 } });
series.Add(new Serie { name = "América", data = new object[] { 18, 31, 54, 156, 339, 818, 1201 } });
series.Add(new Serie { name = "Oceânia", data = new object[] { 2, 2, 2, 6, 13, 30, 46 } });
 
//tooltip
hcPopulacao.Tooltip = new ToolTip("Highcharts.numberFormat(this.percentage, 1) +'% ('+ Highcharts.numberFormat(this.y, 0, ',') +' milhões)'");
 
//bind 
hcPopulacao.DataSource = series;
hcPopulacao.DataBind();

That’s all! just build it and execute, the result should be like this:

See a working area chart created by Highcharts .Net : http://highcharts.100loop.com/Sample04.aspx

Return to Index

Updated Wiki: Create a column chart

alrcastro — Mon, 08 Nov 2010 17:47:14 GMT

To generate a column chart, simply create a 'ColumnChart' control on your page as follows:

<highchart:columnchart id="hcFrutas" width="600" height="400" runat="server"></highchart:columnchart>

And then add the axis and bind the dataset/collection.

//Title configuration
hcFrutas.Title = new Title("Consumo de Frutas");
hcFrutas.SubTitle = new SubTitle("Agrupados por tipo de fruta");
 
//Defining Axis
hcFrutas.YAxis = new YAxis { title = new Title("Unidades") };
hcFrutas.XAxis = new XAxis { categories = new[] { "Macas", "Laranjas", "Peras", "Bananas", "Uvas" } };
  
//data    
var series = new Collection<serie>();   
series.Add(new Serie { name = "Andre", data = new object[] { 4, 15, 5, 17, 14 } });   
series.Add(new Serie { name = "Ivan", data = new object[] { 4, 25, 6, 12, 6 } });   
series.Add(new Serie { name = "Marina", data = new object[] { 7, 19, 2, 34, 5 } });   
series.Add(new Serie { name = "Camila", data = new object[] { 3, 14, 6, 21, 9 } }); 
  
//configuring Visual     
hcFrutas.PlotOptions = new Core.PlotOptions.PlotOptionsColumn { borderColor = "#dedede", borderRadius = 4 };
  
//bind    
hcFrutas.DataSource = series;  
hcFrutas.DataBind();

That's all! Just build and run your web application! The result should be like this:

Click to see a working column chart created by Highcharts .Net : http://highcharts.100loop.com/Sample02.aspx

Return to Index

Updated Wiki: Create a area spline chart

alrcastro — Mon, 08 Nov 2010 17:46:33 GMT

Create an area spline chart

To generate an area spline chart, simply create a 'AreaSplineChat' control on your page as follows:

<highchart:areasplinechart id="hcTemperatura" width="600" height="380" runat="server"></highchart:areasplinechart>

Set the Axis, title and bind your datasource to the control:

//Title
hcTemperatura.Title = new Title("Consumo de energia");
 
//definining axis
hcTemperatura.YAxis = new YAxis { title = new Title("Kw/hora") };
hcTemperatura.XAxis = new XAxis { categories = new[] { "domingo", "segunda", "terça", "quarta", "quinta", "sexta", "sábado" } };
 
//Data
var series = new Collection<serie>();
series.Add(new Serie { name = "geladeira", data = new object[] { 10, 11, 12, 10, 9, 7, 9 } });
series.Add(new Serie { name = "televisão", data = new object[] { 4, 6, 7, 7, 8, 13, 11 } });
 
//Making the graphics become on top of each other, and setting opacity
hcTemperatura.PlotOptions = new Core.PlotOptions.PlotOptionsAreaSpline { stacking = Stackting.normal, fillOpacity = 0.3 };
 
//customizing the tooltip
hcTemperatura.Tooltip = new ToolTip("this.x +': '+ this.y +' Kw/hora'");
 
//customizing the legend
hcTemperatura.Legend = new Legend { layout = Layout.vertical, 
                                    borderWidth = 3, 
                                    align = Align.right,
                                    y = 20,
                                    x = -20,
                                    verticalAlign = Core.VerticalAlign.top,
                                    shadow = true,
                                    backgroundColor = "#e3e6be"
                                  };
 
//bind
hcTemperatura.DataSource = series;
hcTemperatura.DataBind();

That’s all! just build it and execute, the result should be like this:

See a working Area Spline chart created by Highcharts .Net : http://highcharts.100loop.com/Sample03.aspx

Return to Index

Updated Wiki: Documentation

alrcastro — Mon, 08 Nov 2010 17:45:29 GMT

Highcharts .Net

Documentation:

Documentação:

Como começar (Instalação)
Criar um gráfico de linhas
Criar um gráfico de colunas
Criar um gráfico de Área
Criar um gráfico de Área Percentual