{"id":5459,"date":"2013-03-22T11:22:10","date_gmt":"2013-03-22T11:22:10","guid":{"rendered":"http:\/\/www.highcharts.com\/blog\/?p=5459"},"modified":"2026-01-07T14:43:53","modified_gmt":"2026-01-07T14:43:53","slug":"54-highcharts-3-0-released","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/product-updates\/54-highcharts-3-0-released\/","title":{"rendered":"Highcharts 3.0 released"},"content":{"rendered":"

We’re proud to present Highcharts 3.0!<\/p>\n

With this release we added lots of chart types, modernized the look and feel, optimized for multi touch zoom and more.<\/p>\n

WHAT’S NEW IN HIGHCHARTS 3.0?<\/h2>\n
\n

\"bubble\"BUBBLE CHART<\/h4>\n

Bubble charts allow three dimensional data to be plotted in an X\/Y diagram with sized bubbles. An optional radial gradient fill color gives the bubbles an additional spacial feel. Try out the radial gradient bubbles<\/a>.<\/p>\n

BOX PLOT\"box-plot\"<\/h4>\n

A box plot, or box-and-whiskers chart, displays groups of data by their five point summaries: minimum, lower quartile, median, upper quartile and maximum. Combined with a scatter plot it can also show outliers. Live demo<\/a>.<\/p>\n

\"error-bar\"
\nERROR BARS<\/h4>\n

An error bar series is a secondary series that lies on top of a parent series and displays the possible error range of each parent point. Live demo<\/a>.<\/p>\n

FUNNEL CHART<\/h4>\n

\"funnel\"A funnel is a chart type mainly used by sales personnel to monitor the stages of the sales cycle, from first interest to the closed sale. Live demo<\/a>.<\/p>\n

\"waterfall\"
\nWATERFALL CHART<\/h4>\n

Waterfall charts display the cumulative effects of income and expences, or other similar data. In Highcharts, a point can either be positive or negative, an intermediate sum or the total sum. Live demo<\/a>.<\/p>\n

COLOR THRESHOLD<\/h4>\n

\"color-threshold\"Color thresholds allow you to give a specific color to data below a certain value. Great for temperature series or for monitoring that values stay above a certain value! Live demo<\/a>.<\/p>\n

\"pinching\"MULTITOUCH ZOOMING AND PANNING<\/h4>\n

On touch devices, Highcharts now supports zooming the preferred way, by two-finger gestures. In response to the zoomType<\/code> settings, the charts can be zoomed in and out as well as panned by one finger. Bring up your iPad and check out the live demo<\/a>!<\/p>\n

\"auto-size-pie\"AUTO MARGINS FOR PIES<\/h4>\n

With Highcharts 3.0, pie charts are automatically fitted within the plot area, including their data labels.<\/p>\n

\"jquery-plugin\"
\nJQUERY PLUGIN<\/h4>\n

As the vast majority of Highcharts users are running jQuery, we’ve taken the consequence and included a jQuery plugin. Now you can instanciate the chart by the familiar jQuery plugin pattern:$(\"#container\").highcharts(options);<\/code><\/p>\n

\"dynamics\"MORE DYNAMIC<\/h4>\n

On user request, we added more dynamic methods like chart.addAxis<\/code>, axis.remove<\/code>, axis.update<\/code> andseries.update<\/code> for altering the chart after render time. With these tools, you can for example change the series type dynamically by running series.update({ type: \"column\" })<\/code>.<\/p>\n

\"data-module\"DATA MODULE<\/h4>\n

Highcharts 3.0 comes bundled with a spefic Data module, intended to ease the common process of loading data from CSV, HTML tables and even Google Spreadsheets. Live demo<\/a>.<\/p>\n

\"design\"UPDATED DESIGN<\/h4>\n

We have also taken the opportunity to update our design – more vivid colors, no shadows and a simplified and combined export button are among the updated design<\/a> elements in Highcharts 3.0. For those who feel that the export button now is easier to overlook, we added the option to use text buttons<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Highcharts 3.0 is released! Try out bubble chart, box plot and many more.<\/p>\n","protected":false},"author":22,"featured_media":10017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[1103],"tags":[1094],"coauthors":[712],"class_list":["post-5459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-highcharts-core"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=5459"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5459\/revisions"}],"predecessor-version":[{"id":29007,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5459\/revisions\/29007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/10017"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=5459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=5459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=5459"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=5459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}