Subscribe to this group or a feed in RSS or Atom to get the “zero-day” notifications about new releases and other significant events related to amCharts.
3.21.13
- Bug fix: line graphs’s fill was overlapping stroke, changed the order of the elements to avoid that.
- Bug fix: sometimes chart kept zooming in/out with mouse wheel if mouse was moved away from a chart quickly.
- Bug fix: only first line of legend’s label text was clickable (if a label was multi-line)
3.21.12
- When tabbing through pie slices, roll-over balloon is displayed
- Bug fix:
animationFinishedevent was not fired afteranimateAgain()method was called. minimumDateandmaximumDateon Stock chart could only be set as Date Object but not as string.- Stock chart’s cursor was not adding listeners if added in JSON config.
3.21.11
- Some rendering issues because of a bug in new Chrome release fixed.
- Stock chart event stacking issue fixed.
3.21.8
accessibleDescriptionadded to AmChart class. It is added as <desc> element of a SVG. Most of screen readers will read this description.- Bug fix: link to amcharts (free version) was not updating it’s position if chart area was resized.
- Bug fix:
gridAboveGraphs = truewas not working properly on Radar chart. - Bug fix: negative fill color of a line graph could be slightly visible on a base value line.
- Bug fix: stock events which went after event with
showOnAxis = truewere all stacked on this event even if they were not supposed to be on the axis. - Bug fix: stock chart with value balloons disabled was not showing event description in a tooltip.
3.21.7
- Bug fix: sometimes, if a scrollbar was moved fast to the right/left edge, the chart showed incorrect selection.
- Bug fix: in some cases on radar chart, if value axis was logarithmic, one extra grid out of chart bounds was shown.
- Bug fix: OHLC chart lines can display roll-over balloons now.
- Bug fix: Trendlines were not showing balloon if thickness of a line was 10 or bigger.
3.21.6
- Bug fix: with ChartCursor property
updateOnReleaseOnlyset totrueChart scrollbar’s selection used to increase after dragging (only withparseDates = false). - Bug fix: calling
validateNow(true)was not zooming out. - Bug fix: duration in the value axis balloon could display decimal values for minutes.
- Bug fix: with Legend’s property
useMarkerColorForLabelsset to true label did not change color when graph was hidden.
3.21.5
- Bug fix: cursor balloon sometimes was not displayed when cursor was close to the edge.
3.21.4
- Bug fix: in case
ignoreAxisWidthwas set totrue, vertical axis title was not displayed. - Bug fix: value axis of serial and gantt charts was not scrolled properly if
maxSelectedSerieswas set to some number. - Bug fix: Gauge arrow was not appearing when clicking on the legend entry after window was resized.
3.21.3
- Bug fix: chart.clear() was not properly clearing the chart from memory in case chart was create with JSON config.
- Bug fix: in case precision was set on a Value Axis with small negative numbers, axis labels were not displayed.
- Bug fix: AmGauge legend was not showing x mark when clicked on legend entry.
3.21.1
- Bug fix: some times “show all” button remained visible on full zoom-out if chart used logarithmic value axis.
maxZoomFactordefault value changed to 1000000 on Gantt chart. This helps to prevent non-accurate zoom on gantt chart.- Bug fix: value axis could go slight out of specified min/max when zooming.
3.21.0
- We changed line smoothing algorithm and now smoothed lines look much better. Old properties
bezierXand `bezierY` of AmCharts class are deprecated and the same properties were added for AMSerialChart class. So you can set horizontal and vertical tension of smoothed line for each chart individually. By default, the values are undefined and chart sets them tobezierX:4andbezierY:20for regular charts andbezierX:20andbezierY:4for rotated charts. rollOverGuide,rollOutGuideand `clickGuide` events were added to AxisBase class.rollOver,rollOutandclickevents were added to TrendLine class.- Mouse wheel listeners are now added to the document only if
mouseWheelZoooEnabledormouseWheelScrollEnabledis set to true. - Bug fix:
legendPeriodValueTextwas not working properly if set individually on a StockGraph. - Bug fix:
useNegatvieColorIfDown: truewas producing some JS errors. - Bug fix: when zoomed-in to a very top of value axis, it could exceed maximum value.
3.20.20
- “Zoom out” button sometimes remained visible even when fully zoomed out on a chart with logarithmic axis.
- Bug fix:
strictMinMaxwith date-based value axis was not working. - Bug fix:
smoothedLinegraphs were not rendered properly in the right-end of a graph whenfillAlphawas set to > 0.
3.20.19
- Bug fix: when balloon was close to top edge of the container, it did not change it’s orientation and was hidden behind container area.
- Bug fix: stock chart’s drawing/erasing buttons were not working properly on IE browsers.
- Bug fix: adding data to stock chart with
usePeriodof ChartScrollbarSettings set to bigger period thenminPeriodof Category AxesSettings could cause not all data to be shown (when working with small amounts of data). - Bug fix: adding data to XY chart with scrollbars when at least one of the axis was date-based was causing stack overflow.
- Bug fix: legend height fixed with legend’s position set to
absolute. - Zooming Stock chart with mouse wheel improved.
3.20.18
- In case 3D columns were used and there was a big gap in your data some parts of columns might remain visible while scrolling.
- Value axis minimum could go below 0 while zooming value axis, even if all the data was positive.
- Graph balloon was not hidden when
showNextAvailablewas set to true but there were no more data points. - Some of the funnel ticks were shown above the slice.
- External legend with position set to left/right caused chart not to render.
- Mouse wheel zoom/scroll improved on stock chart.
- In case
oneBalloonOnlyof ChartCursor is set totrue, it shows top-most graphs balloon if there are data points at the same position.
3.20.17
forceGapproperty added to AmGraph. If this is set `true`, the graph will always break the line if the distance in time between two adjacent data points is bigger than `gapPeriod x minPeriod`, even if `connect` is set to `true`.- Bug fix:
bulletColorwas not respected iflineColorFieldwas set. - Bug fix: logarithmic axes of XY chart were zoomed-in incorrectly after data update.
3.20.16
- Bug fix: class names were not added on Stock chart’s scrollbar even if
chart.addClassNameswas set to true. - Bug fix: toggling
parseDatesfrom true to false on CategoryAxis could result JavaScript error. amcharts-scrollbar-horizontalandamcharts-scrollbar-verticalclass names added to <g> of Scrollbar (depending on orientation of a scrollbar).
3.20.15
- Export plugin updated.
3.20.14
- Gantt chart was ignoring some of the fields like
descriptionField,fillColorsField, etc. - Min/max values of value axis could change on zoom-out to some different values comparing with initial.
- In some rare cases legend entries were arranged incorrectly.
- Plugins updated.
3.20.13
- Fix: In case value axis had minimum/maximum set but real values were of a much bigger scale, chart performance used to drop significantly.
- Pie chart labels now trigger rollover/click events, same as Funnel chart.
vResizeCursorwith default valuens-resizeandhResizeCursorwith default valueew-resizeadded to ChartScrollbar.vResizeCursorHover,hResizeCursorHover,vResizeCursorDownandhResizeCursorDownproperties added to ChartScrollbar. You can set CSS value and show different mouse pointers on roll-over and on click when using scrollbar grips. Default values are not set.- Default value of
dragCursorHoverchanged tocursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab - Default value of
dragCursorDownchanged tocursor: move; cursor: grab; cursor: -moz-grabbing; cursor: -webkit-grabbing - Bug fix: stacked step graphs sometimes drew wrong fills.
- Bug fix: not all strings were translated if multiple languages on the same page charts were used.
centerRotatedLabelsproperty was added to AxisBase. In case you have rotated labels on horizontal axis, you can force-center them using this property.- Bug fix: it was impossible to click links in balloons.
- Stock chart performance with
equalSpacingset totrueimproved. - You can now access data items from data provider of Stock chart from which aggregated data for longer period was generated:
dataItem.dataContext.rawDatawill hold array of raw data items.
3.20.12
- Bug fix: In some cases scrolling Serial chart with labelText set on AmGraph could result JS error.
- Export plugin updated.
3.20.10
bandGradientRatioadded to GaugeAxis andgradientRatioadded to GaugeBand, allows creating radial gradients on bands.setStartValue(value)andsetEndValue(value)methods added to GaugeBand. You can use them to create fine animations of your bands.- Bug fix: If
usePrefixeswas set to true for GaugeAxis, it displayed numbers incorrectly. - Bug fix: Legend was not firing roll-over and roll-out events if graph or slice was hidden.
- Bug fix: in some specific cases, when value axis without a graph was added to a chart, zoom-out button was not hidden even if user clicked on it.
- Bug fix: XY chart was not firing
initedevent if rendered in a hidden container. - Bug fix: themes were broken after clear() method of stock chart was called.
- Bug fix: pie chart with additional legend items added using legend.data property was not hiding/showing slices when clicked on legend entry.
- Bug fix: if a chart was in a scrollable container, mouse wheel scrolling was not working on Chrome.
- Bug fix:
mouseWheelZoomEnabledandmouseWheeScrollEnabledproperties of PanelsSettings were not working properly on Stock chart. - Bug fix: JS error occurred if
maximumof ValueAxis was set to 0 and graph had only positive values. - Bug fix: it was impossible to set custom markers for legend entries if
useGraphSettingswas set to true. - Bug fix: Stock chart was treating
nullvalues as 0. - Bug fix: stacked step graphs with
fillColorsFieldordashLengthFieldor some other fields set were drawing fills incorrectly.
3.20.9
combineLegendproperty with default valuefalseadded. If you set it to true, and you have some legend items set usinglegend.dataproperty, both graph’s entries and those added using data property will be displayed.- If
showAllValueLabelsof AmGraph is set to true, labels which are outside plot area will now also be displayed. - Grid synchronization when
synchronizeGridis set to true improved. legendColorFunctionadded for AmGraph. It is called and the following attributes are passed:dataItem, formattedText, periodValues, periodPercentValues.It should return hex color code which will be used for legend marker.- Bug fix: funnel chart displayed balloon in a wrong position if labels were disabled.
- Bug fix: Gauge chart was not displaying axis values if
usePrefixeswas set totrueon GaugeAxis.
3.20.8
- You can use absolute urls for ChartScrollbar
dragIcon. - Improved grid synchronizing of multiple value axes (when
synchronizeGridof AmSerialChart is set to true). - Bug fix: bullets with custom alpha were gaining default opacity on roll-out.
- Bug fix: stock
clear()method was not clearing it’s own instance fromAmCharts.chartsarray. - Bug fix: Axes labels were not firing click events on iOS touch devices.
- Bug fix: If
topMarginwas set on PanelsSettings of Stock chart, temporary trend line (while drawing) had wrong y offset.
3.20.7
columnIndexFieldadded to AmGraph. You can use it with non-stacked column graphs and specify order of columns of each category.- Bug fix: logarithmic value axis balloon was not respecting precision setting, same with axis with
useScientificNotationset totrue. - Bug fix: Legend with
equalWidthsset tofalsehad labels overlapping with values. - Bug fix: if
newStackproperty was set on a first graph of value axis, chart produced a gap before the column. - Bug fix:
lineColorFieldwas not respected by OHLC graph type.
3.20.6
- Bug fix: zoom-out button was sometimes visible with logarithmic scale value axes even if it was fully zoomed-out.
- Bug fix: when zooming value axes, 3D columns were cropped incorrectly in some cases.
- Bug fix:
maxSelectedSeriessetting was not properly working with ChartScrollbar.
3.20.5
- Improved mouse-wheel scroll with
parseDatesset to true, especially when gaps between data points were bigger thanminPeriodduration. - Bug fix: if
updateOnReleaseOnlyof value scrollbar was set to true, chart was not updated if grips were dragged to min/max of value axis. - Bug fix: with
equalWidthsof AmLegend set to true, legend items were not properly positioned in casemarkerWidthwas set to some bigger value. - Bug fix: sum was incorrectly calculated if a graph was hidden and
periodValueTextwas set to “sum”. - Bug fix: PeriodSelector’s predefined periods were selecting one day less in some cases.
3.20.4
A lot of improvements related with charts and maps accessibility:
tabIndexproperty added to: AmLegend, AmGraph, Title, Label, AmSlicedChart, ChartScrollbar and ChartCursor. In case you set it to some number, the chart will set focus on this element when user clicks tab key (after setting focus on all elements with lower tabIndex). When a focus is set, screen readers like h NVDA Screen reader will read label which is set usingaccessibleLabelproperty of the same elements. In case it’s ChartScrollbar or ChartCursor, you will be able to move Scrollbar or Cursor with cursor keys of your keyboard. Note, at the moment not all browsers support tabIndex on SVG elements. At the moment Chrome and Opera do support this well. Here is full compatibility table.zoomOutButtonTabIndexadded to AmRectangularChart. In case you set it to some number and user presses tab, the page will set focus on the zoom-out button once the browser will reach tabIndex. When focused, pressing enter will result zoom-out of the chart.accessibleLabelproperty added to AmLegend, with default value[[title]]. This label will be read by screen reader if chart.accessible is set totrue(default) and user rolls-over the legend marker or focuses on it using tab key (in casetabIndexis set on AmLegend).accessibleLabelproperty added to ChartScrollbar with default valueZoom chart using cursor arrows.accessibleLabelof AmGraph default changed to[[title]] [[category]] [[value]]
Other changes:
autoTransformproperty added to AmChart with default valuefalse. If you set it totrueand your chart div (or any of the parent div) has css scale applied, the chart will position mouse at a correct position. Default value isfalsebecause this operation consumes some CPU and quite a few people are using css transfroms.synchronizeGridproperty with default value false added to AmSerialChart. If your chart has more than one value axes and you set this property to true, the chart will show grid at equal intervals. Note, this is experimental property in beta stage yet.- Bug fix: if pie chart had
depth3Dset andmarginBottomwas set to 0, 3D part of a pie was hidden below the div area. - Bug fix: if a slice of a pie was pulled-out initially, hovering over this slice showed moving balloon even if
balloon.fixedPositionwas set to true. - Bug fix: panning of a AmRectangularChart (if enabled) was broken since last version.
3.20.3
- Improved behavior of date-based axes when
minPeriodis set to milliseconds (“fff”). - Improved zoom with mouse wheel, now the chart respects selected range and adjust zoom step according to it – bigger step if long range of data selected, smaller step when less data selected.
balloonTextFunctionadded to ValueAxis, you can use it to format any value axis balloon text.- Bug fix: since 3.20.1 zooming of non-date-based serial chart with mouse wheel was broken.
- Bug fix:if
useLineColorForBulletBorderof AmGraph was set to true and negativeLineColor was used, bullet borders used positive line color instead of negative. - Another memory leak problem fixed (happened if you have export enabled and then created a chart and destroyed it by calling chart.clear() method).
3.20.2
- Memory leak problem fixed (happened if you created a chart and then destroyed it by calling chart.clear() method).
3.20.1
- Zooming of serial charts with mouse wheel improved – the chart zooms to the position of the mouse instead of simply zooming to the center. Note,
mouseWheelZoomEnabledproperty of a chart must be set to true in order this to work. - value step of a logarithmic value axis improved.
- In case
useMarkerColorForValuesproperty of AmLegend is set to true, value labels now respect color of data item. - In case
useMarkerColorForLabelsproperty of AmLegend is set to true, both label and marker will change color to data item color. This is useful when you have a differentnegativeFillColorsset on AmGraph and want this to be reflected in a legend. - Bug fix: wrapped data labels inside columns were not vertically aligned.
- Bug fix: Radar chart was not displaying value axis title properly.
3.20.0
Since v 3.20.0 we added basic support of accessibility.
- Property
accessibleadded to AmChart class, with default valuetrue. When enabled, chart addsaria-labelattributes to columns, bullets or map objects. You can control values of these labels using properties listed below. Note, not all screen readers support these tags. We tested this mostly with NVDA Screen reader. WAI-ARIA is now official W3 standard, so in future more readers will handle this well. We will be improving accessibility on our charts, so we would be glad to hear your feedback. - Property,
accessibleTitleadded to AmChart class. This title will be read by screen reader. - Property
accessibleLabeladded to AmGraph class, with default value[[title]] [[value]]. - Property
accessibleLabeladded to AmSlicedChart class, with default value[[title]]: [[percents]]% [[value]] [[description]] - Bug fix: in some particular cases angular gauge was changing it’s position incorrectly while changing size of chart container.
- Bug fix: YTD button of PeriodSelector was not hidden even if no this year’s dates were available in the data.
- Bug fix:
touchDurationproperty was affecting also clicks, not only touch events.
3.19.6
- default value of
svgIconsof PanelsSettings was changed totrue.
3.19.5
- animate plugin added to amcharts package, allows creating animated transitions from one data to another.
- properites
minMarginLeft,minMarginRight,minMarginTopandminMarginBottomadded to AmRectangularChart chart. If left side has a value axis andautoMarginsis set totrue(default), the margin of this side will be not less than set onminMarginLeftproperty, same with other sides. smoothedLinegraph type now supports gradientscolorproperty added to GaugeAxis, specifies labels color of the axis.axisFrequencyproperty added to ValueAxis, works with Radar chart only. If you have a big number of axes, this property will help you to show every x axis only.- Bug fix:
enabledproperty of ChartCursor was not working properly (if set tofalse). - Bug fix: class name amcharts-balloon-div-[id] (where id is graph or axis id) was not set.
- Bug fix: in some particular cases axis guides might become invisible.
- Bug fix: a very quick scrollbar movement in some setups could produce JavaScript error.
- Bug fix:
tapToActivatewas not working properly on some devices. - Bug fix: sometimes if zooming near the edges of the chart container div with ChartScrollbar, some of the data points were left outside the plot area.
- Bug fix: minor grid of logarithmic axis was not drawn properly.
3.19.4
- New property,
bulletHitAreaSizeadded to AmGraph. Default value not set. Useful for touch devices – if you set it to 20 or so, the bullets of a graph will have invisible circle around the actual bullet (bullets should still be enabled), which will be easier to touch (bullets usually are smaller and hard to hit). - Bug fix: radial gradients of pie chart were shifted to incorrect position in some cases.
- Bug fix: chart.removeLegend() removed legend but did not expand chart area properly.
- Bug fix: if
limitToGraphwas set on ChartCursor and the graph was hidden, JavaScript error was produced. - Bug fix: in some cases, when
equalSpacingof CategoryAxis was set to true, first label of an axis was made bold even if it shouldn’t to be bold.
3.19.3
- New property,
touchClickDurationadded to AmChart class. Default value is 0, but if you set it to 200 (milliseconds) or so, the chart will fireclickGraphItemorclickSlice(AmSlicedChart) only if user holds his finger for 0.2 seconds (200 ms) on the colum/bullet/slice. - Touch events behavior improved.
clickGraphItemevent will not be fired if user moved a finger (dragged or selected) over a chart. - Bug fix: radial gradients of pie chart were shifted to incorrect position on Safari.
- Bug fix: Firefox produced JavaScript error if chart was loaded in a hidden iFrame.
3.19.2
- Code cleanup.
3.19.1
- JS error could occur in some cases if responsive plugin was used.
3.19.0
dragCursorHoverwith default valuecursor: cursor: grab; cursor:-moz-grab; cursor:-webkit-grab;anddragCursorDownwith default valuecursor: cursor: grab; cursor:-moz-grabbing; cursor:-webkit-grabbing;properties added to ChartScrollbar. This enables hand cursor when hovering over the selected area of ChartCursor. Does not work with some older browsers.- Patterns now supports URI.
- Bug fix: time stamp instead of Date Object was passed to
categoryBalloonFunctionof CategoryAxis. - Bug fix: angular gauge changed it size after
chart.invalidateSize()method was called, event if the size of the div was not changed. - Bug fix:
minSelectedTimeandmaxSelectedtime was ignored by ChartScrollbar. - Bug fix: legend was not properly displayed if legend.position was changed at run time.
- Bug fix: XY chart was not adjusting margins if on initial render the chart div was not visible.
- Bug fix: export problem with XY chart fixed.
- Bug fix: axis labels were drawn differently from initial view after the chart was zoomed-in and then zoomed-out.
- Bug fix: axis was not always firing
axisZoomedevent; - Bug fix: legend marker switch position was not exactly in the center of the marker in some cases.
- Bug fix: grid was overlapping data labels in some cases.
- Bug fix: Some issues with Mekko chart and empty values fixed.
- Bug fix: Gant chart produced JavaScript error if
dataProviderwas undefined. - Bug fix: With
equalSpacingset totrue, predefined period of StockChart was not always properly selected.
3.18.6
- Bug fix: it was impossible to turn off category balloon by setting
categoryBalloonEnabledproperty of ChartCursor tofalseif initially it was set totrue. - Bug fix: roll-over balloon was not displayed if a
fixedPositionof AmBalloon was set tofalseand the column’s top was out of plot area. - Bug fix: if
equalSpacingof CategoryAxesSettings was set to true (Stock chart) default period was not always correctly set. - Bug fix: AmGanttChart produced JS error if no
dataProviderwas set. - Data loader and export plugins updated.
3.18.5
- Minor bug fix release
3.18.4
- Bug fix: In case data loader plugin was used, chart could generate JavaScript error if user hovered over chart while loading data.
- Bug fix: zoom-out button was sometimes visible even the chart was fully zoomed-out.
- Bug fix:
glueToTheEndof Stock chart was not functioning properly when set totrue. - Bug fix: value axis balloon (if enabled) was visible ant pointed to a wrong position when cursor was shown using
cursor.showCursorAt(category)method. - Bug fix:
onePanelOnlyof ChartCursorSettings was not working when set to true. - Bug fix: in some particular cases letters of Stock events were disappearing when moving mouse over plot area.
- Bug fix:
categoryBalloonFunctionof ChartCursor was not working unlesscategoryBalloonTextwas set toundefined. - Solved conflict with prototype.js library.
3.18.3
- Stock chart legend did not reset value text to
periodValueTextRegularafter data sets were compared. - Improved filling of a graph if
fillColorFieldis set. - Graph balloon is now hidden if user rolls-over StockEvent icon.
- Bug fix:
graphBulletSizeof ChartCursor was ignored whenvalueBalloonsEnabledwas set to false. - Bug fix: when
labelTextwas set on AmGraph, it used to draw empty text nodes for each data point, even if no text was displayed. - Bug fix: “changed” event was not fired by AmSerialChart.
3.18.2
- Bug fix: JS error happened if stacked column chart has column with 0 value and labels on columns were enabled.
- Bug fix:
axis.balloon.enabled= false did not disabled axis balloons. - Bug fix: minor grid on logarithmic axis was drawn chaotically in some cases.
- Bug fix: if logarithmic axis had treatZeroAs set, axis was not zooming.
- Bug fix:
valueLineBalloonEnabledof ChartCursor was not applied if changed from true to false at run time. - Bug fix: Stock event balloon was not hidden on roll-out.
- improved animations when
limitToGraphis set on ChartCursor.
3.18.1
- Bug fix: zoom-out button was disappearing after chart.validateData() call on XY chart.
3.18.0
Changes at a glance:
- Code cleanup and restructure for better performance, smaller files, reduced memory use!
- Smoother animation!
- Pinch-zoom on phones, tablets and desktops (the latter is Chrome only for now)!
- Zooming/scrolling of ValueAxis on Serial and GANTT charts!
- Improved zooming of logarithmic value axes.
All changes:
valueScrollbaradded to SerialChart. Adds ChartScrollbar to ValueAxis. You can setautoGridCounttotrueto enable axis labels. This trick can also be used by XY chart (albeit by using regularchartScrollbarproperty, notvalueScrollbar). Here is a demo of serial chart with value scrollbar.valueZoomableproperty added to ChartCursor (default:false). If set totrue, makes the cursor zoom value axis(es) as well. Works best ifvalueScrollbaris added to a chart. Here is a GANTT chart with zoomable value axis.- You can now pan XY chart with chart cursor (previously it was only possible to select area for zoom-in). To enable this feature, set
panproperty of ChartCursor totrue. To enable pan of value axis on Serial chart, setvalueZoomableof ChartCursor totrue. XY Chart with pan enabled demo. maxZoomFactoris now property of AmRectangularChart, with default value 20. Specifies max zoom factor of ValueAxis.dropproperty (default:false) added to AmBalloon (not supported by IE8). Allows having drop-shaped balloons. Note, these balloons will not check for overlapping with other balloons, or if they go outside plot area. It also does not change pointer orientation automatically based on its vertical position like regular balloons do. You can usepointerOrientationproperty if you want it to point to different direction. Demo of a chart using this kind of balloon.pointerOrientationproperty added to AmBalloon, with default valuedownand other possible values"up", "down", "left", and "right". Works only ifballoon.dropset totrue.zoomOutValueAxes()method added To AmRectangularChart. When invoked, it zooms-out value axes.gradientTypeadded to AmPieChart. The default is now at “radial”. (previously chart supported only linear gradients) It makes a lot more sense to have radial gradients on pie chart. Note, IE8 does not support this. Here is pie chart with gradient fill example.minValueandmaxValueproperties added to AmXYChart. These can be used to adjust size/scale of bubbles. If these properties are not set, the bubble with smallest value will be ofminBulletSizeand bubble with biggest value will be ofmaxBulletSize. However, you might want bubble size to change relative to 0 or some other value. In this case you can useminValueandmaxValueproperties. Note, if you use these two settings, you might also want to setminBulletSizeto 0.balloonTextproperty added to TrendLine. When set, enables displaying a roll-over balloon.onShowCursor,zoomStarted,panningevents added to ChartCursor.limitToGraphproperty added to ChartCursor. If set to an id or a reference to AmGraph object, CategoryAxis cursor line will be limited to this graph instead of being drawn through full height of plot area. Note, this works with serial chart only. Also,cursorPositionof ChartCursor must be set tomiddle.syncWithCursor(cursor)method added to ChartCursor. Allows to sync one serial chart’s cursor with another chart’s cursor.balloonproperty added to AmGraph and AxisBase. Allows customizing axes and graphs balloons individually (only when ChartCursoris used). Note: the balloon object is not created automatically, you should create it before setting properties, for example:graph.balloon = {drop:true}and notgraph.balloon.drop = true.valueLineBalloonEnablednow adds value balloons to all available value axes (both Serial and XY chart).animationFinishedevent added to AmChart. It is dispatched when graphs or slices finish animating.zoomOutAxesproperty added to PanelsSettings (default:true. Specifies if zoomed-in value axes should be zoomed-out when user changes selected period with PeriodSelector.processTimeoutproperty added to AmChart and AmStockChart (default: 0). If you set it to 1 or some bigger value, chart will be built in chunks instead of all at once. This is useful if you work with a lot of data and the initial build of the chart takes a lot of time, which freezes the whole web application by not allowing other processes to do their job while the chart is busy.- Serial chart now has property
processCount(default1000). IfprocessTimeoutis > 0, 1000 data items will be parsed at a time, then the chart will make pause and continue parsing data until it finishes. buildStartedevent added to AmChartand AmStockChart. Fired just before the chart starts to build itself for the first time. Note: you might need to setprocessTimeoutto > 0 value in order to register this event properly.- You can set
categoryAxisDateFormatof ChartCursor toundefinednow. If set cursor’s category axis balloon will use current date format of category axis. - Changed default behavior: the order of the graphs is now determined by the order they are defined in
graphsarray, regardless of graph type. Previously line graphs always came on top unless specifically specified to go under columns. - Bug fix: chart cursor was not working properly on mekko chart (variable column width chart).
- Bug fix: addressed pan freezing issues introduced in Chrome v47.
- Bug fix: Microsoft Edge was ignoring touch-move events.
- Bug fix: stacked areas on date-based chart could start on wrong place after graph was hidden.
- Bug fix: AmAngularGauge was broken if legend was added.
- Bug fix:
showNextAvailableproperty of ChartCursor was ignored by legend. - Bug fix: Pyramid chart did not display the tip of the pyramid in some cases.
- Bug fix: init event was not fired by AmAngularGauge.
- Bug fix: sometimes
init,renderedanddrawevents were fired too early, before the chart was actually drawn. - Bug fix: mouse wheel zoom was not working on IE8.
- Bug fix: if
autoSizeof AmChart was set tofalse, mouse position was not properly detected after page was scrolled. - Bug fix:
selectFromStartproperty of PeriodSelector was not working properly with period button which usedYYYYperiod. - Bug fix: it was impossible to delete guides which were added via chart config (using eraser tool of Stock chart).
- Bug fix: string-based dates in guides were not being parsed properly if they contained only numbers.
3.17.3
- Bug fix: label position of columns with graph.negativeBase not equal to valueAxis.baseValue was wrong in some cases.
- Bug fix: Value balloons of ChartCursor were displayed even if the value was out of plot area and this didn’t look right.
- Bug fix: some issues fixed with ChartCursor property
leaveCursorset to true. - Bug fix: Legend marker was not dashed if columns had dashed outlines and
useGraphSettingswas set to true. - Bug fix: Guide without
toValuewas not displaying roll-over balloon. - Bug fix: Stock chart’s scrollbar was not using the same font as all the panels used.
- You can now translate am/pm strings (used when formatting time). To do this, add
"am":"translatedAM", "pm":"translatedPM"to your lang file. zeroGridAlphaproperty added to ValueAxis. Allows to set specific opacity for zero grid line (you can hide it at all if you set it to 0).
3.17.2
- Bug fix: step line graph with
minPeriodset toMM(month) was not drawn properly. - Bug fix: Stock event with
triangleLeftbullet produced JavaScript error. - Bug fix: If
showEventsOnComparedGraphswas set to true (StockGraph property), events were shown on all panels instead of one. - Bug fix: Responsive plugin and IE11 could result JS error in some cases.
3.17.1
- Bug fix: ChartCursor was not working if autoResize was set to false (since 3.16.0 version only)
- Problems with
minPeriod="fff"and Stock chart fixed.
3.17.0
widthFieldproperty added to CategoryAxis. You can specify relative width for your columns using this field and produce Mekko chart using this new feature (demo coming)- You can add listeners to chart using listeners property not only via JSON config, but directly on a chart object, like:
chart.listeners = [{event:"dataUpdated", method:handleDataUpdate}] gradientRotationproperty added to AmLegend. Works only with custom legend data.- Bug fix: if Gantt chat had more categories than colors in chart.colors array, random color was chosen for each segment instead of each category.
- Bug fix: it was not possible to change graph color dynamically (since previous version only).
- P.S. Most of the big changes in this version were made for maps, not charts.
3.16.0
- Charts now use SVG icons for scrollbar, zoom-out and others (IE8 keep using PNG). This makes icons look good on retina displays on all resolutions. New AmChart property
svgIconswith default valuetruewas created. If you want PNG icons to be used all the time, set this property tofalse. - Default value of
zoomOutButtonImageof AmRectangularChart changed tolens. IfsvgIconsis set totrue(default).svgwill be added to the file name if SVG is supported by the browser, otherwise –.png. - Chart behavior on touch events improved.
tapToActivateproperty added to AmChart, with default valuetrue. This is our new approach to solve issues with scrolling of a page on touch devices. Charts which require gestures like swipe (charts with scrollbar/cursor) or pinch (maps) used to prevent regular page scrolling and could result page to stick to the same spot if the chart occupied whole screen. Now, in order these gestures to start working user has to touch the chart/maps once. Regular touch events like touching on the bar/slice/map area do not require the first tap and will show balloons and perform other tasks as usual. If you have a map or chart which occupies full screen and your page does not require scrolling, settapToActivatetofalse– this will bring old behavior back.leaveAfterTouchproperty added to ChartCursor and ChartCursorSettings with default valuetrue. This makes cursor and balloons to remain after user touches the chart.- We changed default value of
fixedPositionof AmBalloon totrue. We think this brings a better usability for touch devices. This results roll-over balloon to point to a fixed position of a slice/column/bullet instead of following the mouse. Note, AmMap overridesfixedPositiontofalse, as countries are of a irregular shape and it’s quite often that middle point of a country is outside the country itself. showBulletproperty added to StockEvent, with default valuefalse. If you set it to true, the data point will display both event and regular (if set) bullet.recalculateValueadded to StockGraph. Possible values areOpen,Close,High,Low, Average and Sum. There is no default value set – graph uses it’speriodValuewhen calculating changes. For example, the graph’speriodValueisClose. This means that when data is grouped to longer periods (months for example) when recalculating, the graph will useClosevalue of the first period of the selection as base value and will compare each monthsClosevalue to it. If you setrecalculateValuetoOpen, the first value of a month will be used as base value.- Second attribute,
skipEventsadded tovalidateNowmethod of AmStockChart. autoDisplayproperty added to AmChart with default valuefalse. If you set it totruethe chart will automatically monitor changes of display style of chart’s container (or any of it’s parents) and will render chart correctly if it is changed fromnonetoblock. We recommend setting it totrueif you change this style at a run time, as it affects performance a bit.- Bug fix: roll-over balloon could hide under legend if legend position was
rightorleft. - Bug fix: if chart has more graphs than colors in colors array of a chart, graph’s color was chosen automatically. The problem was that this color was chose each time user hid/showed the graph.
- Bug fix: setting font sizes using CSS not worked properly in some cases.
- Bug fix: chart’s title ignored
bold = falsesetting and always showed bold title.
3.15.2
- Bug in new Microsoft Edge browser caused category labels and some other texts to disappear. The problem was fixed and the bug reported.
- Bug fix: Gantt chart used to zoom to wrong dates if minimum/maximum was set.
- Bug fix: Data labels were not being placed correctly for column charts with reversed value axis.
includeAllValuesproperty added to ValueAxis. If you set it to true, minimum and maximum of value axis will not change while zooming/scrolling.
3.15.1
- New feature which allowed to add listeners in JSON config was not working properly in some cases.
centerLabelsproperty added to AxisBase. It always force-centers labels of date-based axis (equalSpacingmust not be set totrue).- Radar chart’s fills were drawn incorrectly if connect was set to false and some data was missing.
- Pie chart could move a pixel back and forward when data was validated and chart redrawn.
- Using fields for graph of Gantt chart was not always working properly.
- Wrapping function improved.
3.15.0
- Trend lines now support images. You can have image on both end and start of a trend line. It can be GIF, PNG or SVG (SVG won’t be visible on IE8) images.
initialImageandfinalImageproperties and Image class were added to support this feature. - Annotation capabilities of the Export plugin were dramatically enhanced with the ability to add text, shapes, lines and arrows, as well as changing of opacity of items. More info.
- You can add event listeners in JSON chart config now, for example:
"chartCursor":{
"listeners":[{"event":"changed", "method":handleCursorChange},{"event":"onHideCursor", "method":handleCursorHide}]
} categoryBalloonTextproperty with default value[[category]]added to ChartCursor. You can have[[toCategory]]tag in there and show category ranges this way.autoWrapnow works with vertical CategoryAxis. You should setchart.autoMargins = falseorcategoryAxis.ignoreAxisWidth = truein order this to work. You might also need to adjust margin to give labels some space.labelRotation,autoRotateCountandautoRotateAnglenow work with ValueAxis (when chart is rotated).titleRotationproperty added to AxisBase. Sets rotation angle of the axis title.autoWrapnow works with date-based category axes.onePanelOnlyproperty added to ChartCursorSettings. If you set it to true, Stock Chart will display cursor and value balloons on currently hovered panel only.topandbottomoptions added toshowBalloonAtproperty of AmGraph. Balloon will be glued to the top/bottom of plot area if you set one of these.pointPositionproperty added to ValueAxis, default value is “axis”. Alternative value is “middle”. Works with radar charts only. If you set it to “middle”, labels and data points will be placed in the middle between axes. (demo coming)showZeroSlicesproperty added to AmSlicedChart. Default value isfalse. If you set it totrue, the chart will display outlines (if visible) and labels for slices even if their value is 0.- “AbsHigh” option added for
periodValueproperty of StockGraph. When data is grouped to longer periods, the graph will show highest absolute value (positive or negative). compareGraphproperty added to StockGraph. This allows you to set any of AmGraph properties on compared graphs instead of using old-style properties likecompareGraphBulletBorderThickness. For example:
stockGraph.compareGraph = {"bulletBorderThickness":2, "lineAlpha":0.4}.- If you change graph’s line color using
lineColorField, balloon now respects this color and adjusts it’s fill or border color. - Title of a chart now auto-wraps if container size is smaller than title itself.
- Mouse position detection mechanism updated. It is now compatible with CSS3 translate transform (rotation is not yet solved).
- Radar chart supports date-based data now.
- Compared graphs of Stock charts ids used to be unpredictable, now they are formed like this:
"comparedGraph_" + stockGraph.id + "_" + dataSet.id - Bug fix: word-wrapping problems fixed.
- Bug fix: pie chart with non-default
startAnglecould not solve label overlapping in some cases. - Bug fix: 3D pie chart with
startAngle = 270was placing slices at incorrect z-indices. - Bug fix: Stock chart’s grouping to periods with
alwaysGroupset to true was not working properly in some cases. - Bug fix: the chart could be rendered incorrectly if display style of a container div changed from “none” to “block”
- Bug fix: legend was missing space between entries and right border.
- Bug fix: stacked graphs of radar chart were filled to the chart center instead of the graph.
- Bug fix: radar chart’s axis title was not positioned properly.
- Bug fix: pie chart’s labels could get under slices in some cases.
- Bug fix:
minimumDateandmaximumDateproperties of ValueAxis did not accepted dates as strings, even ifchart.dataDateFormatwas set. - Bug fix: 3D pie with big
depth3Dwas not rendered correctly. - Bug fix:
nullvalues were converted to 0 when parsing data.
3.14.5
oppositeAxisproperty added to ChartScrollbar, with default value true. By default, scrollbar is in the opposite side of plot area from the axis. If you set this property tofalse, scrollbar will be placed next to category/value axis. However it won’t adjust it’s position to accommodate axis labels, so you might need to useoffsetproperty to move scrollbar away from the labels.columnWidthFieldadded to AmGanttChart. Allows to specify individual column width for each segment.disableMouseEventswith default valuetrueadded to AmBalloon. Helpful in case you have fixed balloon position with some links in the balloon. You should set value of this property tofalsein order for links in the balloon to be clickable.minorTickLengthadded to AxisBase. Allows to set length of ticks for minor grid lines (if they are enabled).segmentDataadded to AmGraph. Works with AmGanttChart only and holds reference to original segment object from data provider.rollOverBand,rollOutBandandclickBandevents added to GaugeAxis.urlproperty added to GaugeBand.- Bug fix: margins of XY chart were not updated after
chart.validateData()call.
3.14.4
clusteredproperty was not passed to compared graphs of stock chart- Chart did not adjust it’s space if legend was disabled using
legend.enabledproperty after the chart was already initialized - Sometimes balloon was not displayed when hovering stock events.
- Radar graphs were displayed under axes.
3.14.3
- Chart automatically detects path (
chart.pathvariable) to images and other files if amcharts.js or ammap.js file is included as <script> in the document source. - Bug fix: click on columns.bullet was not registered if
valueLineEnabledwas set to true on ChartCursor. - Bug fix: chart scrollbar could be messed up if
graph.baseValuewas set.
3.14.2
autoResizeproperty added to AmChart and AmStockChart to stop the chart from resizing whenever it’s parent container size changes.pathproperty added to AmChart and AmStockChart. We recommend using this property instead ofpathToImages.- IMPORTANT:
pathproperty, if set will also be pre-pended to non-absolute pattern URLs. This may change the behavior if you use patterns (directly in chart config or theme) with URLs that do not start with protocol or slash) - Bug fix:
AmCharts.clear()method was not working properly with more than one chart on page.
3.14.1
- Code cleanup and performance tuning.
- Export plugin updated.
adjustPrecisionproperty added to AmPieChart (default isfalse). Sometimes, because of a rounding, percent of a sum of all slices is not equal to 100%. If you set this to true, when this case happens, number of decimals will be increased so that sum would become 100%.
3.14.0 Milestone release!
- Gantt chart is now supported.
- Export as image completely rewritten – supports not only image formats but also exports data to JSON, XML or CSV. Users can draw annotations on top of a chart and save the image. Print function added.
- New icons such as resize grips, zoom-out lens, stock chart’s drawing icons – we made them bigger for better UX for touch screed users. You can find old icons in the amcharts/images/ folder if you prefer using them.
- Date-based value axis is now available. You can use it with both XY and Serial charts. Set “type” property of ValueAxis to “date”.
minimumDateandmaximumDateproperties added to ValueAxis. These properties allow you to set min/max of valueAxis when axis type is “date”.strictMinMaxproperty added to ValueAxis, default value is false. If you set it to true and setminimumand/ormaximumfor this axis, it will display value range strictly from/to specifiedminimumandmaximum.- Chart automatically adjusts it’s size when container size changes. You no longer need to call validateSize() method. This applies also if you show/hide div by setting display:none for chart div.
dateFormatadded to AmGraph. It is used in balloons if value axis is date-based.dateFormatsproperty moved from CategoryAxis to AxisBase (as both axes now support date-based data).- Bug fix: value balloons were not always shown for compared graphs on Stock Chart
3.13.3
- Data loader plugin added.
alwaysGroupproperty added to CategoryAxesSettings. If this is set to true and groupToPeriods doesn’t have CategoryAxesSettings.minPeriod value included, chart will always group values to the first period available.- Bug fix: Stock chart used to show -1 day if periods like 1 Year / 1 Month were clicked.
- Bug fix: XY chart was not displaying balloon if
balloon.fixedPositionwas set to true. - Bug fix: Theme was not applied on Titles, Labels and Guides.
graph.showAllValueLabelswas not working properly.
3.13.2
AmCharts.bezierX(default 3) andAmCharts.bezierY(default 6) properties will help you to adjust curves onsmoothedLinegraph.- Bug fix: if fillColorField was set and a custom color was set in data, this color wasn’t used if column/candlestick was negative and
negativeFillColorswas set. - default value of
graphBalloonSizeof ChartCursorSettings was changed to 1. fontSizeproperty added to StockEvent. Allows setting individual font sizes for stock events.- Problems with
firstDayOfWeek(if it was set to 2 or bigger value) fixed. forceWidthproperty added to AmLegend. If you set it to true, width of legend item labels won’t be adjusted. Useful when you have more than one chart and want to align all the legends.
3.13.1
leaveCursorproperty added to ChartCursor and ChartCursorSettings. Specifies if cursor should be left at it’s last position. Useful for touch devices – user might want to see the balloons after he moves finger away.- Unix time stamps are supported on Guides now.
- Bug fix: Arrow of angular gouge was not drawn after validateNow() call (since 3.13.0).
- property
allowTurningOffof StockPanel was ignored if set using JSON.
3.13.0
- Since this version you can use SVG filters on visual elements of a chart. To do this, you should first set chart’s property
addClassNamesto true. Then, you should add a SVG filter in a JSON format usingchart.defsproperty using SVG filter structure, only in JSON. Add id to the filter and then set it to the chart element using css:
.amcharts-graph-fill {
filter: url(#blur);
} chart.validateNow()method now can have two optional attributes:chart.validateNow(validateData, skipEvents);if you setvalidateDatato true, data will be revalidated (so you don’t need to call validateData and validateNow methods) andskipEventsspecifies if events likedrawn,dataUpdatedshould be fired after this validation.enabledproperty added to ChartScrollbar.enabledproperty added to AmLegend.- bug fix: guides on XY chart could go out of plot area bounds when zoomed.
3.12.0
- The main new feature is that every element of a chart can have class name assigned to it – you must set
addClassNamesproperty of a chart totrue. This gives a bunch of new possibilities like controlling the look using CSS, CSS animations and more. Full list of classNames. classNamePrefixadded to AmChart and AmStockChart, with default valueamcharts. This prefix is added to all class names which are added to all visual elements of a chart in caseaddClassNamesis set to true.gapFieldproperty added to AmGraph. You can force graph to show gap at a desired data point using this feature, for example, if you setgraph.gapField = "gap"and then add gap:true in one of your data items in data provider, graph will display a gap at this point.gapPeriodproperty added to AmGraph, with default value 1.1. Using this property you can specify when graph should display gap – if the time difference between data points is bigger than duration ofminPeriod * gapPeriod, andconnectproperty of a graph is set tofalse, graph will display gap.totalTextOffsetproperty added to ValueAxis, with default value 0. It specifies distance from data point to total text (used with stacked graphs).compareGraphLineColoradded to StockGraph.- Bug fix: gauge axis labels could display big floating numbers in some cases.
- Bug fix:
showStockEventsandhideStockEventsused to hide all bullets, not only events.
3.11.3
- Scrolling/zooming on touch devices now works a lot better.
- Bug fix: fills of step graphs (if color changed in the middle of a graph) were not properly drawn.
- Bug fix: period values in the legend could add one extra data item in some cases.
- Some problems with
useUTCset to true fixed. - Bug fix: adding and removing chart with mouse wheel properties enabled could result memory leak.
- Bug fix:
fixedColumnWithwas not working properly.
3.11.2
- We made quite a lot of changes regarding labels next to data points. Because of that you might require to adjust some properties after the upgrade. New properties were introduced (AmGraph class):
labelRotation,labelAnchorandlabelOffset. These properties will help you to adjust label position in practically any way you need. fixedColumnWidthproperty added to AmGraph. Columns will use value specified for column width and columns won’t adjust size according to the available space.treatZeroAsproperty added to ValueAxis. It can be used with logarithmic scale axis. The fact is that 0 value can not be plotted on logarithmic axis (it’s mathematically impossible). However a lot of people were asking for solution. That’s why we added this property. For example, if you settreatZeroAsto 1, all the values equal to 0 will be treated as 1 and the chart will render even if you have 0 values in your data.stepDirectionadded to AmGraph, with default value"right". You can set it to"left"or"center". It defines to which direction step line graph should draw the step.- Bug fix: Funnel chart with very small slices could produce JS error.
- Bug fix: Funnel chart with labels disabled could produce JS error.
- Bug fix: if a page had base href set, and url of a page contained # symbol, gradients were not rendered correctly.
- Bug fix: zooming XY chart with chart cursor could zoom-in to a wrong position.
3.11.1
AmCharts.addInitHandler(handler, [types])method added to AmCharts.handleris a method which will be called before initializing the chart.typesis array of strings, specifying which chart types should call this method. If you don’t set any type, all the charts will call this method. When handler method is called, chart instance is passed as an attribute. You can use this feature to preprocess chart data or do some other things you need before initializing the chart.- Bug fix: cursor zooming of Stock chart with
equalSpacingset to true could behave incorrectly. - Bug fix: columns with rounded corners were displayed incorrectly on IE8 and older (since 3.11.0 only).
- Bug fix: JS error occurred if GaugeAxis radius was set in pixels instead of percent.
3.11.0
valueLineEnabledproperty added to ChartCursor and ChartCursorSettings. If you set it to true, horizontal (or vertical if chart is rotated) will be displayed at a mouse position. This works only with Serial charts. Check demo.valueLineBalloonEnabledadded to ChartCursor and ChartCursorSettings. If you set it to true, balloon with axis value will be displayed at a mouse position. This works only with Serial- charts. Check demo.
valueLineBalloonAxisadded to ChartCursor. Is useful if you have more than one value axis and want to specify which axis should display value line balloon.depth3Dandangleproperties added to Funnel chart. Allows making funnels 3D. Check demo.topRadiusproperty added to AmGraph. Works ifdepth3Dandangleare bigger than 0. If you set topRadius to 1, the chart will display cylinders. In case you’ll set it to 0 – cones. Check demo.showOnAxisproperty added to AmGraph. It can only be used together withtopRadius(when columns look like cylinders). If you set it to true, the cylinder will be lowered down so that the center of it’s bottom circle would be right on category axis. Check demo.
3.10.4
- We were so happy with proCandlesticks feature that we didn’t notice that we made it wrong – empty candles should be displayed when current close is bigger than current open. Fixed the problem in this version.
3.10.3
- New property:
proCandlesticksadded to AmGraph. If this is set to true, candlesticks will be colored in a different manner – if current close is less than current open, the candlestick will be empty, otherwise – filled with color. If previous close is less than current close, the candlestick will use positive color, otherwise – negative color. - New property:
usePrefixesadded to GaugeAxis. - Improvement: If stock chart’s graph has
valueFieldset which was not defined infieldMappings, this graph is not displayed in the legend. - Bug fix: if
clusteredwas set to false, the graph was hidden if only this graph was visible, also the graph did not took full width if more than one clustered graphs where on the same chart. - Bug fix: memory leak after
validateNow()call fixed. - Bug fix:
clickSlicewas fired when unhiding slice via legend marker. - Bug fix: Stock charts period button was deselected if data set was selected for comparing or a different data set was selected.
- Bug fix: scrollbar could act strange in some cases (especially if
equalSpacingwas set totrueor with non date-based data). - Bug fix: if
AmCharts.useUTCwas set totrue, chart was not parsing date strings correctly. - Bug fix: Stock chart’s scrollbar did not apply language if not default was used.
- Bug fix: if multiple charts on the same page used different languages, ChartCursor balloon used language of the last chart.
- Bug fix: if custom
urlTargetwas set for a chart, chart kept opening new window instead of opening url in the same one. - Bug fix: if
graphBulletSizewas set to 1 on ChartCursor,graphBulletAlphaproperty was ignored.
3.10.2
- Skipped this version
3.10.1
- Bug fix: if a column graph had
newStackproperty set totrueand the value of this graph was missing, the next graphs were stacked in a wrong position. - Bug fix: In case multiple value axes chart had line graphs with
connectset tofalseand there were gaps in the data, gaps might not be displayed. - Value axis labels with
logarithmicset totruecould use wrong interval in some cases.
3.10.0
fillToAxisproperty added to AmGraph. It can only be used with AmXYCharts. If you set this property to id or reference of your X or Y axis, and thefillAlphasis > 0, the area between graph and axis will be filled with color, like in this demo.showAtproperty added to StockEvent. It will allow you to place bullets atopen,close,loworhighvalues (mostly used with candlestick/ohlc graphs)valueproperty added to StockEvent. It will allow you positioning stock event bullets at any value you want.useNegativeColorIfDownproperty added to AmGraph. IfnegativeLineColorand/ornegativeFillColorsare set anduseNegativeColorIfDownis set to true (default is false), theline,stepandcolumngraphs will use these colors for lines, bullets or columns if previous value is bigger than current value. In case you setopenFieldfor the graph, the graph will compare current value withopenFieldvalue instead of comparing to previous value. Here is a demo.expandproperty added to Guide. Works if a guide is added to CategoryAxis and this axis is non-date-based. If you set it to true, the guide will start (or be placed, if it’s not a fill) on the beginning of thecategorycell and will end at the end oftoCategorycell.balloonTextproperty added to GaugeBand. When rolled-over, band will display balloon if you set some text for this property.labelFunctionproperty added to AmSlicedChart (applies for AmPieChart and AmFunnelChart). You can use it to format data labels in any way you want.clearSelection()method added to ChartCursor. Can be used whenselectWithoutZoomingis set to true and you need to clear the selection made by user.labelOffsetproperty added to AxisBase. You can use it to adjust position of axes labels. Works both with CategoryAxis and ValueAxis.switchableproperty added to AmGraph, with default value set to true. If you set it to false, the graph will not be hidden when user clicks on legend entry.valueFunctionadded to AmLegend. You can use it to format value labels in any way you want.tickPositionproperty added to CategoryAxis. It can be set tomiddle(default) orstart. Works only with non-date-based data. Demo oftickPositionset tostart.labelFunctionadded to AmGraph. You can use it to format labels of data items in any way you want.- Pattern objects can have
colorproperty now. If your pattern is transparent, the background will be filled with thiscolor, like in this example. graphBulletAlphaadded to ChartCursor. If you make graph’s bullets invisible by setting their opacity to 0 and will setgraphBulletAlphato 1, the bullets will only appear at the cursor’s position. Here is a demo illustrating this.labelColorFieldadded to CategoryAxis. You can use it to set color of a axis label. Works only with non-date-based data.maxLabelWidthadded to AmSlicedChart (applies for AmPieChart and AmFunnelChart). If width of the label is bigger thanmaxLabelWidth, it will be wrapped.labelWidthproperty added to AmLegend. If width of the label is bigger thanlabelWidth, it will be wrapped.compareGraphBulletColorproperty added to StockGraph.mouseWheelZoomEnabledadded to AmSerialChart. Specifies if zooming of a chart with mouse wheel is enabled. If you press shift while rotating mouse wheel, the chart will scroll.boldLabelsadded to AxisBase. Labels will be bold if you set it to true.- Bug fix: balloons no longer flicker if mouse is moved fast on column charts.
- Bug fix:
minSelectedTimeandmaxSelectedTimewas not working properly on AmStockChart. - Bug fix: position of data labels in 3D stacked columns was not always accurate.
- Bug fix: value balloons of ChartCursor were overlapping if the chart was rotated.
- Bug fix: if a div containing chart/map had CSS3 transformations applied, the mouse position was calculated incorrectly.
- Bug fix:
addGuidemethod was not working on IE borwsers. - Bug fix: Safari could leave previously rendered chart or other objects in the background after the chart was redrawn (only since 3.9.0).
3.9.1
- Bug fix: Stock chart was not working properly with millisecond data.
- Bug fix: if all graphs of XY chart were hidden from the legend, the chart could start acting weird.
- Bug fix: sometimes the graph’s balloon became invisible if graph was hidden/unhidden from the legend.
- Bug fix: angular gauge was not working properly with negative values.
- Bug fix: if
equalSpacingwas set totrue, the zooming with chart cursor could zoom-in to a wrong position (Stock chart only). - Bug fix: cursors of stock chart could get out of sync in some cases.
3.9.0
- We jumped directly to V 3.9.0 from 3.4.9 in order to keep the same version numbers for charts and maps, as they are often used together. This will help to avoid some misunderstandings.
- Serious memory leak fixed. It appeared on when chart was redrawn. We noticed this with recent version of Chrome and it seems like this is browser problem. Nevertheless, we found a solution. We strongly recommend to update to this version if you refresh chart with a new data or rebuild it a lot for some other reasons.
- A possibility to switch languages easily added. Now you can easily change language of a chart (there are not too many texts there, most of them are names of months and weekdays, but still). To do this, you must include lang file from amcharts/lang/ folder and set
chart.language = "de"or some other language. - Exporting chart as SVG now produces one nice file (used to produce separate files for legend and a chart)
- balloonPointerOrientation added to ChartCursor class (also for ChartCursorSettings).
3.4.10
- Fix: Saving chart as image was not working properly with IE11 since last release.
recalculateFromDateproperty added to StockPanel, allows you to set the date since when the values should be recalculated to percent.- Fix: sometimes, when data of StockChart was recalculated to percent, the recalculation started a bit too early which made 0 value to be outside the selection.
- Fix: new way of using
amExportwas not working properly on StockChart.
3.4.9
clickItem,rollOverItemandrollOutItemevents added to AxisBase. This will allow you to register mouse events on both CategoryAxis and ValueAxis labels.- Fix: Stock Chart used not to show the beginning or the end of period if the data was grouped but the actual data started/ended somewhere in the middle of this period. This could cause some confusions. Now it is fixed, however if you prefer old behaviour, set
chart.extendToFullPeriod = false; - We added a more easy way to use exporting as an image feature. Charts has
amExportproperty now and here is an AmExport class reference.
3.4.8
guidesproperty added to AmCoordinateChart. Instead of adding guides to the axes, you can add them using this property.showComparedOnTopproperty added to StockPanel. This allows you to set the order of main graph vs compared ones. Default value istrue.- Bug fix:
textAlignproperty of AmBalloon was not working properly. - Bug fix: GaugeAxis bands might me displayed incorrectly if axis started not on 0 value.
- Bug fix: if panning was enabled for stock chart, different panels could get out of sync in some cases.
- Bug fix: if
startAnglewas set for AmPieChart, labels could be displayed at a wrong position.
3.4.7
- You no longer need to add empty data items for dates if you want to show gaps in your data, it’s enough to set
connectproperty of AmGraph to false. - Instead of
numberFormatterandpercentFormatterproperties of AmChart we recommend using separate properties –precision,percentPrecision,decimalSeparatorandthousandsSeparator. AmGraph class also hasprecisionproperty in case you need a separate precision for a graph. The old formatters will still work. minBulletSizeproperty of AmGraph default changed to 3, as since the 3.4.4 due new way of bullet size calculation, the bubble with the most small value might not be seen at all.- Bug fix: Stock chart could freeze when panning it (only if
panfor cursor was set to true). - Bug fix:
alphaFieldwas ignored by pie chart. - Bug fix: PeriodSelector of Stock chart use to select some extra days when predefined period of several years/months was selected.
3.4.6
fullWidthproperty added to ChartCursor. If set totrue, instead of a cursor line user will see a fill which width will always be equal to the width of one data item. We’d recommend settingcusrsorAlphato 0.1 or some other small number if using this feature. Demo of the feature.twoLineModeproperty added to CategoryAxis and CategoryAxesSettings. It works only whenparseDatesis set to true andequalSpacingis false. If you set it to true, at the position where bigger period changes, category axis will display date strings of both short and long period, in two rows.linemarker type is again available for AmLegend‘smarkerTypeproperty (also markerType of AmGraph if you need to set custom types for your graphs).- GaugeAxis properties
valueIntervalandminorTickIntervaldoesn’t have default values since this version, as it might cause problems with big numbers. Instead we addedgridCountproperty which is 5 by default. Note, GaugeAxis doesn’t adjustgridCount, so you should check your values and choose a propergridCountwhich would result grids at round numbers.
3.4.5
newStackproperty added toAmGraph. If you set it to true, column chart will begin new stack. This allows having Clustered and Stacked column/bar chart.- Bug fix: since 3.4.4 old IE browsers failed to display chart if legend position was
leftorright
3.4.4
- You can set
divIdfor StockLegend now too. This should be id or reference to a div outside the chart where you want a legend to appear. - Adjusted algorithm of bullet size calculation for Bubble (XY) chart.
showBulletsAtproperty added to AmGraph. Works withcandlestickgraph type, you can set it toopen,close,high,low. If you set it tohigh, the events will be shown at the tip of the high line.- New property,
minDistanceadded to AmGraph. Default value is 1. It is useful if you have really lots of data points. Based on this property the graph will omit some of the lines (if the distance between points is less thatminDistance, in pixels). This will not affect the bullets or indicator in anyway, so the user will not see any difference (unless you set minValue to a bigger value, let say 5), but will increase performance as less lines will be drawn. By setting value to a bigger number you can also make your lines look less jagged. - Changed default value of panEventsEnabled (property of AmChart and PanelsSettings classes)
fromfalse totrue. - Bug fix: right scrollbar grip of Stock chart was not working properly with
equalSpacingset to true andminPeriodwas notDD(since 3.4.3 version only). - Bug fix: if amcharts.js and ammap.js was included for several times (you shouldn’t do that, but still), the charts were not working properly.
- Bug fix: if the slice of a pie/funnel was hidden and the method rollOverSlice(slice) was called from outside, the balloon was still shown.
- Bug fix: Sometimes part of a legend was cut-off when labels were long enough and legend position was
leftorright. - Bug fix: outline of funnel chart slices had some extra unnecessary lines.
3.4.3
processDelayproperty added to AmCharts class. If you setAmCharts.processDelay = 200;all the charts on the page will be rendered with 200 ms intervals. This is very comfortable if you have a lot of charts on the page and do not want to overload the device CPU.- A third parameter,
was added todelayAmCharts.makeChartmethod. It specifies the delay in ms, at which the chart must be rendered, for example:AmCharts.makeChart("chartDiv", {chart config}, 200); offsetproperty added to ChartScrollbar. Allows to place scrollbar apart from plot area.autoRotateCountandautoRotateAngleproperties added to CategoryAxis. Works only when dates are not parsed. Axis labelsl will be rotated if the number of series will be equal or exceedautoRotateCountvalue.rollOverGraphandrollOutGraphevents added to AmCoordinateChart.changedevent of stock chart’s period selector passes the original mouse event as event property.- Bug fix: Stock chart used to select one extra period when dates were entered in input fields and
equalSpacingwas set to true; - Bug fix: some issues with floating point errors fixed
- Bug fix: zoom-out button border was always visible on IE8.
- Bug fix: funnel chart was not working properly with labels disabled.
- filesaver.js was updated so that in case it is included with IE8 and older browsers, it wouldn’t throw JS error.
3.4.2
- Bug fix: if pie slice had no label, the external method
rollOverSlice(index)was not working - Bug fix: x switch of the legend position adjusted
- Bug fix: when
autoWrapfor category axis was set totrue, in some cases axis title was cut. markPeriodChangewas set to true in CategoryAxesSettings.
3.4.1
- Patterns theme added.
- Themes were updated a bit.
- Labels of angular gauge axis adjusted.
- When scrolling serial/stock charts with mousewheel (chart.mouseWheelScrollEnabled must be set to true), if user press shift button, the chart will zoom-in or zoom-out;
adjustmentproperty added to ChartCursor. Default value is 0, if you set it to -1, the balloon will show near previous, if you set it to 1 – near next data point.
3.4.0
- Link to amCharts.com site in a free version was made less noticeable – it uses chart’s font color and font size and you can adjust it’s position using
creditsPositionproperty of AmChart. Possible values are:top-left,top-right,bottom-rightandbottom-left. This will help you to achieve better layout of a chart. - We fixed typo of ChartCursor property – it was showNextAvalable and now is
showNextAvailable. The old one won’t work. - Since now you can scroll serial and stock charts with mouse wheel. To enable this, set
chart.mouseWheelScrollEnabled = true(default is false). movedevent added to ChartCursor. It is dispatched every time the mouse is moved. The event object has the following properties:x,y(coordinates of the cursor),chartandzooming.axisXandaxisYproperties added to AxisBase. They are read-only and returnsxandypositions of the axis.unitandunitPosition(with possible valuesleftandright) added to GaugeAxis class.autoWrapproperty added to CategoryAxis, with default valuefalse. If you set it totrue, the axis labels will be wrapped if they won’t fit in the allocated space.minHorizontalGap(default 75) andminVerticalGap(35) properties added to AxisBase. They are used to calculate the number of grid lines whenautoGridCountistrue. You can modify these values to have more or less grid lines.
3.3.6
- Bug fix – charts with legend could fail if there was a Google Analytics script in the page.
stepDirectionproperty added to AmGraph. If you set it toleft, step line graph will draw the step to the left of the date/category.
3.3.5
- Bug fix: 3D pie chart was not rendered in IE8 and older (since 3.3.4 version only).
- Candlestick graphs can display patterns.
- Old listeners are removed automatically if the same listener was added, this helps to avoid duplicate calls of event handlers.
- Bug fix: \n in
labelTextof AmGraph is now properly displayed as new line.
3.3.4
- Export as image script fixed – bullets of charts with scrollbars were not exported.
- dataContext property added to SerialDataItem. It holds reference to original data object and might be used when using
labelFunctionto format custom balloon text and in some other cases. - XY chart can display bullets with patterns (if
valueFieldis set).
3.3.3
hideBalloonTimeproperty added to AmChart class, default value is 150 (milliseconds). It sets time after which balloon is hidden if user rolls-out of the object. Increasing the time might help to prevent balloon flickering while moving the mouse over the object.useLineColorForBulletBorderproperty added to AmGraph. Might help in some situations, especially when using themes.- 3D charts now look a lot better with patterns.
endWidthproperty added to GaugeArrow (default value 0). This will allow having more modern, rectangular arrows.facePatternproperty added to AmAngularGauge. You can fill gauge’s face with some pattern using it.- Bug fix: new lines were ignored in balloons.
3.3.2
- You can now set theme for all the charts on your page by setting:
AmCharts.theme = AmCharts.themes.light;If you are creating charts using JavaScript API, not JSON, then this is quite a comfortable way, as you won’t need to pass theme to each object you create. - Bug fix:
renderedevent was fired only on first render, now it is fired each time the chart is rendered afterchart.validateNow();method is called. This bug caused the export buttons to disappear after thevalidateNow()method. showNextAvalableproperty added to ChartCursor (default isfalse). Iftrue, the graph will display balloon on next available data point if currently hovered item doesn’t have value for this graph.periodSpanproperty added to AmGraph (default is 1). This property can be used by step graphs – you can set how many periods one horizontal line should span.endoption added topointPositionproperty of AmGraph.
3.3.1
- Bug fix:
\nwas replaced with<br>in category axis and the tag was displayed. - Bug fix: if
lineColorFieldordashLengthFieldorfillColorsFieldwas set, the graph could loose the setting if zoomed.
3.3.0
- Since this version our charts and maps support themes. This means that instead of setting every property for each graph or axis or any other object, you can set new defaults in a theme file. This will make developers life a lot easier. Currently you can find three themes in
amcharts/themesfolder –dark.js,light.jsandchalk.jsTo set a theme for a chart, simply set theme property to the name of the file:theme:"light". Note, this will work only if you are creating chart using JSON config. If you do it in old way (JSON config is supported since v 3.2.0), you should pass theme object for each new object you build, for example:var graph = new AmCharts.AmGraph(AmCharts.themes.light);We will be adding more themes soon. Check_usingThemes.htmlfile in samples folder to see themes in action. patternsproperty added to AmSlicedChart and AmCoordinateChart – instead of setting a pattern for a slice/graph, you can pass array of patterns using this property.- You can now control zoom-out buttons with the following new properties of AmRectangularChart:
zoomOutButtonImageSize,zoomOutButtonImage,zoomOutButtonColor,zoomOutButtonAlpha,zoomOutButtonRollOverAlpha,zoomOutButtonPadding.
3.2.0
AmCharts.makeChart(divID, chartConfig);method added.divIDis id of adivwhere your chart should appear.chartConfigis JSON object with chart configuration. Check examples with_JSON_prefix in samples folder to see this in action.typeproperty added to AmChart class. It is required to specify type to one of the following, when creating charts from JSON config:serial,xy,radar,pie,gauge,funnel,map,stock.- A possibility to export charts as image/pdf/svg added for all modern browsers except IE9 (IE10 is supported). The exporting doesn’t require any server side software and is made using JavaScript libraries only. Check samples with
_exporting_prefix to see this in action. Exporting to SVG doesn’t work very properly with stock chart or charts with legend (will offer saving multiple files). - You can set any legend items via
dataproperty of AmLegend, for example:legend.data = [{title:"first", color:"#CC0000", value:50}, {title:"second", color:"#00CC00", value:100}];This allows creating any legend items you want. Callchart.legend.validateNow();if you change legend’s data at run time. - AmAngularGauge supports legend now.
- gridAboveGraphs property added to AmCoordinateChart. This allow to show grid lines above your graphs, as world-famous data visualization guru Edward Tufte suggests. Note, this won’t work properly with 3D charts.
- You can also use negative values from -90 to -1 for
labelRotationproperty of CategoryAxis since now. - Bug fix: if a chart with scrollbar was rotated after the chart is created, the scrollbar’s graph was shifted to a wrong position.
- Bug fix: column graph type wasn’t displayed in chart scrollbar (since 3.1.0).
- Bug fix: step line with changing line color was rendered incorrectly if some values were missing.
- Bug fix:
labelPositionvaluesinsideandmiddlewere not working properly with bar charts. - Bug fix: AmAngularGauge chart wasn’t firing
renderedevent.
3.1.1
- Bug fix: FireFox error messages about style declarations fixed.
- Bug fix:
maxWidthproperty of AmBalloon was ignored.
3.1.0
- Great new features added – charts now support patterns (can fill bars, lines and slices with images) and can simulate hand drawn charts – the lines will be a bit distorted and produce a nice effect. Check our new inspiring samples to see new possibilities in action.
- Patterns can be set for entire graphs or for individual columns/slices. In case you want to set pattern for a graph, use
patternproperty of AmGraph. If you want to set individual pattern for a column or slice, describe patterns in chart’s data provider and setpatternFieldfor a graph or pie/funnel chart. Value of pattern should be object withurl,width,heightof an image, optionally it might havex,y,randomXandrandomYvalues. For example:graph.pattern = {"url":"../amcharts/patterns/black/pattern1.png", "width":4, "height":4};check amcharts/patterns folder for some patterns. You can create your own patterns and use them. Note,x,y,randomXandrandomYproperties won’t work with IE8 and older. - if you set
chart.handDrawn = true, the lines of a chart will be distorted and will produce hand-drawn effect. You can also modifyhandDrawScatter(default value is 2) andhandDrawThickness(default value 1) of AmChart values for more scattered view. offsetYandoffsetXproperties added to AmBalloon. Specifies the distance from the mouse position to balloon’s pointer. You might want to increase distance when using hand drawn style.
3.0.0
- As not all users require all type of charts, we spilt the js file into several files – one main
amcharts.jsfile, plus a separate js file for each chart type. This means you can include only the charts you need. If you are worried about number of requests, you can simply copy/paste the source of the charts you use to the main file. - Although we changed some default values in order to improve usability of the charts, the only thing you should worry about when upgrading from v2 to v3 is the feature mention above – you should include two or more js files in order your charts to work. If you don’t like the changed defaults, you can always set them to the previous values in your chart
- New chart type added – Funnel / Pyramid chart. As this chart type has a lot of in common with pie chart, we created one base class for these chart types – AmSlicedChart. AmPieChart and AmFunnelChart now extend this class.
- New chart type added – AngularGauge. Supports multiple axes and multiple arrows.
- We added lots of new features to our charts and with these features you can create new chart types, like:
- Horizontal or vertical bullet chart – bulletChart.html
- Waterfall chart – waterFallChart.html
- Step chart without risers – lineStepNoRisers.html
- Error chart (both Serial and XY) – errorChart.html
- Possibility to show minor grid for both Category and Value axis.
minorGridEnabled(default value false) andminorGridAlpha(default 0.07) properties added to AxisBase class. - Possibility to change line graphs’ line/fill color on any data point to create highlighted sections of the graph. To achieve this, you should set
lineColorFieldand/orfillColorsFieldfor your graph and have a field in your data which would contain color values at a point where you want the graph to change it’s color. - Possibility to switch line from solid to dashed. Columns can also have dashed outline. To achieve this, you should set
dashLengthFieldfor your graph and have a field in your data which would contain dash length value at a point where you want the graph to change from solid to dashed or vice versa. - Date strings in data now supported. Even if your chart parses dates, you can pass them as strings in your data – all you need to do is to set data date format and the chart will parse dates to date objects. This means that now data for date-based chart can be in legit JSON format.
dataDateFormatproperty added to AmSerialChart and AmStockChart. - When moving chart cursor over the chart, hovered bullets can change their size. If a graph has bullets and you added ChartCursor to the chart, bullets will become bigger when char cursor is over them.
graphBulletSizeproperty with default value 1.7 added to ChartCursor. If you want to disable this feature, set the value to 1. - Legend can now display period value. When user is not hovering the chart, legend can show
sum,average,open,close,loworhighvalues of selected period.periodValueTextadded to AmLegend andlegendPeriodValueTextadded to AmGraph to achieve this. The tags should be made out of two parts – the name of a field (value / open / close / high / low) and the value of the period you want to be show – open / close / high / low / sum / average / count. For example:[[value.sum]]means that sum of all data points of value field in the selected period will be displayed. - To achieve the same with stock chart, we added
periodValueTextRegularandperiodValueTextComparingproprties to StockLegend. To show percent period values, you should addpercent.prefix for your tag, for example:[[percents.value.close]]means that last percent value of a period will be displayed. - Legend markers can now mirror graph’s settings, displaying a line and a real bullet as in the graph itself.
useGraphSettingsproperty with default value false was added to AmLegend. Note, we also removedlineanddashedLinemarker types because of this – use theuseGraphSettingsfeature in case you need lines as markers in the legend. - Legend now supports custom markers (images).
customMarkerproperty was added to AmGraph. You should set path to the image which should be displayed in the legend. - Diamond bullet type added to AmGraph. Set
graph.bullet = "diamond"to use it. - Dynamic bullet size based on value axis / Error chart. Error chart is a regular serial or XY chart with bullet type set to
errorXorerrorY. The graph should know which axis should be used to determine the size of this bullet – that’s whengraph.bulletAxisproperty should be set. Besides that, you should also setgraph.errorField. You can also use other bullet types with this feature too. For example, if you setbulletAxisfor XY chart, the size of a bullet will change as you zoom the chart. - You can specify custom column width for each graph individually.
columnWidthproperty added to AmGraph. Note, you set relative width here (0 – 1), not width in pixels. - Columns can be overlaid on other columns, without making axis as stacked.
clusteredproperty added to AmGraph. In case you want to place graph’s columns in front of other columns, set it to false. - Resize grips were made bigger to make life easier for users on touch devices.
- Balloons can now display any HTML and CSS inside them. This means you can add images, format text or display just about any HTML/CSS content. Because of this new feature, we removed
textShadowproperty of AmBalloon in this version. - Balloon now can animate from point to point and also fade out when user moves away from the chart.
animationDurationandfadeOutDurationproperties added to AmBalloon, with default values 0.3.animationDurationproperty was also added to ChartCursor, so that the cursor line would also animate to its position. - Balloon now can display shadow.
shadowColor(default #000000) andshadowAlpha(default 0.4) added to AmBalloon. - Some default values of AmBalloon changed for a better usability –
adjustBorderColorto true,cornerRadiusto 0,pointerWidthto 6,colorto #000000. - Stock chart can display scrollbar on top of the chart – you should set position property of ChartScrollbarSettings to
"top".