{"id":1357,"date":"2012-04-27T18:30:41","date_gmt":"2012-04-27T18:30:41","guid":{"rendered":"http:\/\/galhano.com\/blog\/?p=1357"},"modified":"2016-02-01T18:25:57","modified_gmt":"2016-02-01T18:25:57","slug":"highcharts-net-with-vb-sample","status":"publish","type":"post","link":"http:\/\/galhano.com\/blog\/?p=1357","title":{"rendered":"Highcharts .Net (with vb sample)"},"content":{"rendered":"

\"\"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.<\/p>\n

Project page at codeplex: http:\/\/highcharts.codeplex.com<\/a><\/p>\n

You can see some Highcharts.Net examples at this link: http:\/\/highcharts.paulovich.com.br\/<\/a><\/p>\n

Install:<\/strong><\/p>\n

After download the newest release, add it as reference on your web application, and then add it to the page controls on your web.config:<\/strong><\/p>\n

[xml]
\n<pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">
\n<controls>
\n<add tagPrefix="highchart" namespace="Highchart.UI" assembly="Highchart"\/>
\n<\/controls>
\n<\/pages>
\n[\/xml]<\/p>\n

After that, you only need to import the jQuery script.<\/p>\n

[xml]<script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.3.2\/jquery.min.js" type="text\/javascript"><\/script>[\/xml]<\/p>\n

it’s ready to use \ud83d\ude09<\/p>\n

aspx:<\/p>\n

[xml] <\/p>\n

<highchart:columnchart id="hcVendas" width="600" height="400" runat="server"><\/highchart:columnchart><\/p>\n

[\/xml]<\/p>\n

VB Sample:<\/strong><\/p>\n

\"\"<\/p>\n


\n<\/strong><\/p>\n

<\/p>\n

[vbnet]<\/p>\n

Imports Highchart.Core
\nPartial Class Teste01
\nInherits System.Web.UI.Page<\/p>\n

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load<\/p>\n

‘Eixo Y————————————————————————–
\nDim YItem As New YAxisItem
\nWith YItem
\nDim tituloY As New Highchart.Core.Title(&quot;EIXO Y&quot;)
\nYItem.title = tituloY
\nhcVendas.YAxis.Add(YItem)
\nEnd With<\/p>\n

‘Eixo X————————————————————————–
\nDim XItem As New XAxisItem
\nWith XItem
\nDim tituloX As New Highchart.Core.Title(&quot;EIXO X&quot;)
\nXItem.title = tituloX
\nDim categorias As Array = {&quot;1994&quot;, &quot;1995&quot;, &quot;1996&quot;, &quot;1997&quot;, &quot;1998&quot;, &quot;1999&quot;, &quot;2000&quot;, &quot;2001&quot;, &quot;2002&quot;}
\nXItem.categories = categorias
\nhcVendas.XAxis.Add(XItem)
\nEnd With<\/p>\n

‘New data collection ————————————————————-
\nDim series As New Highchart.Core.SerieCollection<\/p>\n

Dim serie1 As New Highchart.Core.Data.Chart.Serie
\nserie1.data = {400, 435, 446, 479, 554, 634, 687, 750, 831}
\nserie1.type = RenderType.line
\nserie1.name = &quot;name of\u00a0 serie 1&quot;
\n‘serie1.color = &quot;khaki&quot;
\nseries.Add(serie1)<\/p>\n

Dim serie2 As New Highchart.Core.Data.Chart.Serie
\nserie2.data = {500, 200, 250, 300, 450, 400, 600, 150, 200}
\nserie2.type = RenderType.areaspline
\nserie2.name = &quot;name of\u00a0 serie 2&quot;
\nseries.Add(serie2)<\/p>\n

‘bind
\nhcVendas.DataSource = series
\nhcVendas.DataBind()<\/p>\n

End Sub
\nEnd Class<\/p>\n

[\/vbnet]<\/p>\n","protected":false},"excerpt":{"rendered":"

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. Project page at codeplex: http:\/\/highcharts.codeplex.com You can see some Highcharts.Net examples at this link: http:\/\/highcharts.paulovich.com.br\/ Install: After download the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"close","ping_status":"close","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,139,137],"tags":[170,202,138,203],"class_list":["post-1357","post","type-post","status-publish","format-standard","hentry","category-netfx","category-charts","category-jquery","tag-aspnet","tag-charts","tag-jquery-2","tag-vb","author-admin"],"_links":{"self":[{"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1357"}],"version-history":[{"count":18,"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1357\/revisions"}],"predecessor-version":[{"id":2004,"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1357\/revisions\/2004"}],"wp:attachment":[{"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1357"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/galhano.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}