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:
animationFinished
event was not fired afteranimateAgain()
method was called. minimumDate
andmaximumDate
on 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
accessibleDescription
added 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 = true
was 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 = true
were 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
updateOnReleaseOnly
set totrue
Chart 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
useMarkerColorForLabels
set 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
ignoreAxisWidth
was set totrue
, vertical axis title was not displayed. - Bug fix: value axis of serial and gantt charts was not scrolled properly if
maxSelectedSeries
was 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.
maxZoomFactor
default 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
bezierX
and `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:4
andbezierY:20
for regular charts andbezierX:20
andbezierY:4
for rotated charts. rollOverGuide
,rollOutGuide
and `clickGuide` events were added to AxisBase class.rollOver
,rollOut
andclick
events were added to TrendLine class.- Mouse wheel listeners are now added to the document only if
mouseWheelZoooEnabled
ormouseWheelScrollEnabled
is set to true. - Bug fix:
legendPeriodValueText
was not working properly if set individually on a StockGraph. - Bug fix:
useNegatvieColorIfDown: true
was 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:
strictMinMax
with date-based value axis was not working. - Bug fix:
smoothedLine
graphs were not rendered properly in the right-end of a graph whenfillAlpha
was 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
usePeriod
of ChartScrollbarSettings set to bigger period thenminPeriod
of 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
showNextAvailable
was 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
oneBalloonOnly
of ChartCursor is set totrue
, it shows top-most graphs balloon if there are data points at the same position.
3.20.17
forceGap
property 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:
bulletColor
was not respected iflineColorField
was 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.addClassNames
was set to true. - Bug fix: toggling
parseDates
from true to false on CategoryAxis could result JavaScript error. amcharts-scrollbar-horizontal
andamcharts-scrollbar-vertical
class 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.
vResizeCursor
with default valuens-resize
andhResizeCursor
with default valueew-resize
added to ChartScrollbar.vResizeCursorHover
,hResizeCursorHover
,vResizeCursorDown
andhResizeCursorDown
properties 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
dragCursorHover
changed tocursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab
- Default value of
dragCursorDown
changed 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.
centerRotatedLabels
property 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
equalSpacing
set totrue
improved. - You can now access data items from data provider of Stock chart from which aggregated data for longer period was generated:
dataItem.dataContext.rawData
will 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
bandGradientRatio
added to GaugeAxis andgradientRatio
added 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
usePrefixes
was 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
inited
event 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:
mouseWheelZoomEnabled
andmouseWheeScrollEnabled
properties of PanelsSettings were not working properly on Stock chart. - Bug fix: JS error occurred if
maximum
of ValueAxis was set to 0 and graph had only positive values. - Bug fix: it was impossible to set custom markers for legend entries if
useGraphSettings
was set to true. - Bug fix: Stock chart was treating
null
values as 0. - Bug fix: stacked step graphs with
fillColorsField
ordashLengthField
or some other fields set were drawing fills incorrectly.
3.20.9
combineLegend
property with default valuefalse
added. If you set it to true, and you have some legend items set usinglegend.data
property, both graph’s entries and those added using data property will be displayed.- If
showAllValueLabels
of AmGraph is set to true, labels which are outside plot area will now also be displayed. - Grid synchronization when
synchronizeGrid
is set to true improved. legendColorFunction
added 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
usePrefixes
was set totrue
on GaugeAxis.
3.20.8
- You can use absolute urls for ChartScrollbar
dragIcon
. - Improved grid synchronizing of multiple value axes (when
synchronizeGrid
of 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.charts
array. - Bug fix: Axes labels were not firing click events on iOS touch devices.
- Bug fix: If
topMargin
was set on PanelsSettings of Stock chart, temporary trend line (while drawing) had wrong y offset.
3.20.7
columnIndexField
added 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
useScientificNotation
set totrue
. - Bug fix: Legend with
equalWidths
set tofalse
had labels overlapping with values. - Bug fix: if
newStack
property was set on a first graph of value axis, chart produced a gap before the column. - Bug fix:
lineColorField
was 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:
maxSelectedSeries
setting was not properly working with ChartScrollbar.
3.20.5
- Improved mouse-wheel scroll with
parseDates
set to true, especially when gaps between data points were bigger thanminPeriod
duration. - Bug fix: if
updateOnReleaseOnly
of value scrollbar was set to true, chart was not updated if grips were dragged to min/max of value axis. - Bug fix: with
equalWidths
of AmLegend set to true, legend items were not properly positioned in casemarkerWidth
was set to some bigger value. - Bug fix: sum was incorrectly calculated if a graph was hidden and
periodValueText
was 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:
tabIndex
property 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 usingaccessibleLabel
property 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.zoomOutButtonTabIndex
added 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.accessibleLabel
property 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 casetabIndex
is set on AmLegend).accessibleLabel
property added to ChartScrollbar with default valueZoom chart using cursor arrows
.accessibleLabel
of AmGraph default changed to[[title]] [[category]] [[value]]
Other changes:
autoTransform
property added to AmChart with default valuefalse
. If you set it totrue
and your chart div (or any of the parent div) has css scale applied, the chart will position mouse at a correct position. Default value isfalse
because this operation consumes some CPU and quite a few people are using css transfroms.synchronizeGrid
property 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
depth3D
set andmarginBottom
was 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.fixedPosition
was 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
minPeriod
is 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.
balloonTextFunction
added 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
useLineColorForBulletBorder
of 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,
mouseWheelZoomEnabled
property of a chart must be set to true in order this to work. - value step of a logarithmic value axis improved.
- In case
useMarkerColorForValues
property of AmLegend is set to true, value labels now respect color of data item. - In case
useMarkerColorForLabels
property of AmLegend is set to true, both label and marker will change color to data item color. This is useful when you have a differentnegativeFillColors
set 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
accessible
added to AmChart class, with default valuetrue
. When enabled, chart addsaria-label
attributes 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,
accessibleTitle
added to AmChart class. This title will be read by screen reader. - Property
accessibleLabel
added to AmGraph class, with default value[[title]] [[value]]
. - Property
accessibleLabel
added 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:
touchDuration
property was affecting also clicks, not only touch events.
3.19.6
- default value of
svgIcons
of 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
,minMarginTop
andminMarginBottom
added to AmRectangularChart chart. If left side has a value axis andautoMargins
is set totrue
(default), the margin of this side will be not less than set onminMarginLeft
property, same with other sides. smoothedLine
graph type now supports gradientscolor
property added to GaugeAxis, specifies labels color of the axis.axisFrequency
property 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:
enabled
property 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:
tapToActivate
was 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,
bulletHitAreaSize
added 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
limitToGraph
was set on ChartCursor and the graph was hidden, JavaScript error was produced. - Bug fix: in some cases, when
equalSpacing
of 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,
touchClickDuration
added to AmChart class. Default value is 0, but if you set it to 200 (milliseconds) or so, the chart will fireclickGraphItem
orclickSlice
(AmSlicedChart) only if user holds his finger for 0.2 seconds (200 ms) on the colum/bullet/slice. - Touch events behavior improved.
clickGraphItem
event 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
dragCursorHover
with default valuecursor: cursor: grab; cursor:-moz-grab; cursor:-webkit-grab;
anddragCursorDown
with 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
categoryBalloonFunction
of 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:
minSelectedTime
andmaxSelected
time 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
axisZoomed
event; - 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
dataProvider
was undefined. - Bug fix: With
equalSpacing
set 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
categoryBalloonEnabled
property of ChartCursor tofalse
if initially it was set totrue
. - Bug fix: roll-over balloon was not displayed if a
fixedPosition
of AmBalloon was set tofalse
and the column’s top was out of plot area. - Bug fix: if
equalSpacing
of CategoryAxesSettings was set to true (Stock chart) default period was not always correctly set. - Bug fix: AmGanttChart produced JS error if no
dataProvider
was 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:
glueToTheEnd
of 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:
onePanelOnly
of 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:
categoryBalloonFunction
of ChartCursor was not working unlesscategoryBalloonText
was set toundefined
. - Solved conflict with prototype.js library.
3.18.3
- Stock chart legend did not reset value text to
periodValueTextRegular
after data sets were compared. - Improved filling of a graph if
fillColorField
is set. - Graph balloon is now hidden if user rolls-over StockEvent icon.
- Bug fix:
graphBulletSize
of ChartCursor was ignored whenvalueBalloonsEnabled
was set to false. - Bug fix: when
labelText
was 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:
valueLineBalloonEnabled
of 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
limitToGraph
is 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:
valueScrollbar
added to SerialChart. Adds ChartScrollbar to ValueAxis. You can setautoGridCount
totrue
to enable axis labels. This trick can also be used by XY chart (albeit by using regularchartScrollbar
property, notvalueScrollbar
). Here is a demo of serial chart with value scrollbar.valueZoomable
property added to ChartCursor (default:false
). If set totrue
, makes the cursor zoom value axis(es) as well. Works best ifvalueScrollbar
is 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
pan
property of ChartCursor totrue
. To enable pan of value axis on Serial chart, setvalueZoomable
of ChartCursor totrue
. XY Chart with pan enabled demo. maxZoomFactor
is now property of AmRectangularChart, with default value 20. Specifies max zoom factor of ValueAxis.drop
property (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 usepointerOrientation
property if you want it to point to different direction. Demo of a chart using this kind of balloon.pointerOrientation
property added to AmBalloon, with default valuedown
and other possible values"up", "down", "left", and "right"
. Works only ifballoon.drop
set totrue
.zoomOutValueAxes()
method added To AmRectangularChart. When invoked, it zooms-out value axes.gradientType
added 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.minValue
andmaxValue
properties 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 ofminBulletSize
and 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 useminValue
andmaxValue
properties. Note, if you use these two settings, you might also want to setminBulletSize
to 0.balloonText
property added to TrendLine. When set, enables displaying a roll-over balloon.onShowCursor
,zoomStarted
,panning
events added to ChartCursor.limitToGraph
property 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,cursorPosition
of ChartCursor must be set tomiddle
.syncWithCursor(cursor)
method added to ChartCursor. Allows to sync one serial chart’s cursor with another chart’s cursor.balloon
property 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
.valueLineBalloonEnabled
now adds value balloons to all available value axes (both Serial and XY chart).animationFinished
event added to AmChart. It is dispatched when graphs or slices finish animating.zoomOutAxes
property added to PanelsSettings (default:true
. Specifies if zoomed-in value axes should be zoomed-out when user changes selected period with PeriodSelector.processTimeout
property 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
). IfprocessTimeout
is > 0, 1000 data items will be parsed at a time, then the chart will make pause and continue parsing data until it finishes. buildStarted
event added to AmChartand AmStockChart. Fired just before the chart starts to build itself for the first time. Note: you might need to setprocessTimeout
to > 0 value in order to register this event properly.- You can set
categoryAxisDateFormat
of ChartCursor toundefined
now. 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
graphs
array, 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:
showNextAvailable
property 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
,rendered
anddraw
events were fired too early, before the chart was actually drawn. - Bug fix: mouse wheel zoom was not working on IE8.
- Bug fix: if
autoSize
of AmChart was set tofalse
, mouse position was not properly detected after page was scrolled. - Bug fix:
selectFromStart
property of PeriodSelector was not working properly with period button which usedYYYY
period. - 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
leaveCursor
set to true. - Bug fix: Legend marker was not dashed if columns had dashed outlines and
useGraphSettings
was set to true. - Bug fix: Guide without
toValue
was 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. zeroGridAlpha
property 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
minPeriod
set toMM
(month) was not drawn properly. - Bug fix: Stock event with
triangleLeft
bullet produced JavaScript error. - Bug fix: If
showEventsOnComparedGraphs
was 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
widthField
property 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}]
gradientRotation
property 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
svgIcons
with default valuetrue
was created. If you want PNG icons to be used all the time, set this property tofalse
. - Default value of
zoomOutButtonImage
of AmRectangularChart changed tolens
. IfsvgIcons
is set totrue
(default).svg
will be added to the file name if SVG is supported by the browser, otherwise –.png
. - Chart behavior on touch events improved.
tapToActivate
property 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, settapToActivate
tofalse
– this will bring old behavior back.leaveAfterTouch
property 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
fixedPosition
of 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 overridesfixedPosition
tofalse
, as countries are of a irregular shape and it’s quite often that middle point of a country is outside the country itself. showBullet
property added to StockEvent, with default valuefalse
. If you set it to true, the data point will display both event and regular (if set) bullet.recalculateValue
added to StockGraph. Possible values areOpen
,Close
,High
,Low, Average and Sum
. There is no default value set – graph uses it’speriodValue
when calculating changes. For example, the graph’speriodValue
isClose
. This means that when data is grouped to longer periods (months for example) when recalculating, the graph will useClose
value of the first period of the selection as base value and will compare each monthsClose
value to it. If you setrecalculateValue
toOpen
, the first value of a month will be used as base value.- Second attribute,
skipEvents
added tovalidateNow
method of AmStockChart. autoDisplay
property added to AmChart with default valuefalse
. If you set it totrue
the 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 fromnone
toblock
. We recommend setting it totrue
if 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
right
orleft
. - 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 = false
setting 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.
includeAllValues
property 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.
centerLabels
property added to AxisBase. It always force-centers labels of date-based axis (equalSpacing
must 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.
initialImage
andfinalImage
properties 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}]
}
categoryBalloonText
property with default value[[category]]
added to ChartCursor. You can have[[toCategory]]
tag in there and show category ranges this way.autoWrap
now works with vertical CategoryAxis. You should setchart.autoMargins = false
orcategoryAxis.ignoreAxisWidth = true
in order this to work. You might also need to adjust margin to give labels some space.labelRotation
,autoRotateCount
andautoRotateAngle
now work with ValueAxis (when chart is rotated).titleRotation
property added to AxisBase. Sets rotation angle of the axis title.autoWrap
now works with date-based category axes.onePanelOnly
property added to ChartCursorSettings. If you set it to true, Stock Chart will display cursor and value balloons on currently hovered panel only.top
andbottom
options added toshowBalloonAt
property of AmGraph. Balloon will be glued to the top/bottom of plot area if you set one of these.pointPosition
property 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)showZeroSlices
property 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
periodValue
property of StockGraph. When data is grouped to longer periods, the graph will show highest absolute value (positive or negative). compareGraph
property 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
startAngle
could not solve label overlapping in some cases. - Bug fix: 3D pie chart with
startAngle = 270
was placing slices at incorrect z-indices. - Bug fix: Stock chart’s grouping to periods with
alwaysGroup
set 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:
minimumDate
andmaximumDate
properties of ValueAxis did not accepted dates as strings, even ifchart.dataDateFormat
was set. - Bug fix: 3D pie with big
depth3D
was not rendered correctly. - Bug fix:
null
values were converted to 0 when parsing data.
3.14.5
oppositeAxis
property 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 useoffset
property to move scrollbar away from the labels.columnWidthField
added to AmGanttChart. Allows to specify individual column width for each segment.disableMouseEvents
with default valuetrue
added to AmBalloon. Helpful in case you have fixed balloon position with some links in the balloon. You should set value of this property tofalse
in order for links in the balloon to be clickable.minorTickLength
added to AxisBase. Allows to set length of ticks for minor grid lines (if they are enabled).segmentData
added to AmGraph. Works with AmGanttChart only and holds reference to original segment object from data provider.rollOverBand
,rollOutBand
andclickBand
events added to GaugeAxis.url
property added to GaugeBand.- Bug fix: margins of XY chart were not updated after
chart.validateData()
call.
3.14.4
clustered
property was not passed to compared graphs of stock chart- Chart did not adjust it’s space if legend was disabled using
legend.enabled
property 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.path
variable) 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
valueLineEnabled
was set to true on ChartCursor. - Bug fix: chart scrollbar could be messed up if
graph.baseValue
was set.
3.14.2
autoResize
property added to AmChart and AmStockChart to stop the chart from resizing whenever it’s parent container size changes.path
property added to AmChart and AmStockChart. We recommend using this property instead ofpathToImages
.- IMPORTANT:
path
property, 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.
adjustPrecision
property 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”.
minimumDate
andmaximumDate
properties added to ValueAxis. These properties allow you to set min/max of valueAxis when axis type is “date”.strictMinMax
property added to ValueAxis, default value is false. If you set it to true and setminimum
and/ormaximum
for this axis, it will display value range strictly from/to specifiedminimum
andmaximum
.- 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.
dateFormat
added to AmGraph. It is used in balloons if value axis is date-based.dateFormats
property 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.
alwaysGroup
property 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.fixedPosition
was set to true. - Bug fix: Theme was not applied on Titles, Labels and Guides.
graph.showAllValueLabels
was not working properly.
3.13.2
AmCharts.bezierX
(default 3) andAmCharts.bezierY
(default 6) properties will help you to adjust curves onsmoothedLine
graph.- 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
negativeFillColors
was set. - default value of
graphBalloonSize
of ChartCursorSettings was changed to 1. fontSize
property added to StockEvent. Allows setting individual font sizes for stock events.- Problems with
firstDayOfWeek
(if it was set to 2 or bigger value) fixed. forceWidth
property 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
leaveCursor
property 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
allowTurningOff
of 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
addClassNames
to true. Then, you should add a SVG filter in a JSON format usingchart.defs
property 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 setvalidateData
to true, data will be revalidated (so you don’t need to call validateData and validateNow methods) andskipEvents
specifies if events likedrawn
,dataUpdated
should be fired after this validation.enabled
property added to ChartScrollbar.enabled
property 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
addClassNames
property 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. classNamePrefix
added 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 caseaddClassNames
is set to true.gapField
property 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.gapPeriod
property 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
, andconnect
property of a graph is set tofalse
, graph will display gap.totalTextOffset
property added to ValueAxis, with default value 0. It specifies distance from data point to total text (used with stacked graphs).compareGraphLineColor
added to StockGraph.- Bug fix: gauge axis labels could display big floating numbers in some cases.
- Bug fix:
showStockEvents
andhideStockEvents
used 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
useUTC
set to true fixed. - Bug fix: adding and removing chart with mouse wheel properties enabled could result memory leak.
- Bug fix:
fixedColumnWith
was 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
,labelAnchor
andlabelOffset
. These properties will help you to adjust label position in practically any way you need. fixedColumnWidth
property added to AmGraph. Columns will use value specified for column width and columns won’t adjust size according to the available space.treatZeroAs
property 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 settreatZeroAs
to 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.stepDirection
added 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.handler
is a method which will be called before initializing the chart.types
is 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
equalSpacing
set 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
valueLineEnabled
property 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.valueLineBalloonEnabled
added 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.
valueLineBalloonAxis
added to ChartCursor. Is useful if you have more than one value axis and want to specify which axis should display value line balloon.depth3D
andangle
properties added to Funnel chart. Allows making funnels 3D. Check demo.topRadius
property added to AmGraph. Works ifdepth3D
andangle
are 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.showOnAxis
property 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:
proCandlesticks
added 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:
usePrefixes
added to GaugeAxis. - Improvement: If stock chart’s graph has
valueField
set which was not defined infieldMappings
, this graph is not displayed in the legend. - Bug fix: if
clustered
was 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:
clickSlice
was 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
equalSpacing
was set totrue
or with non date-based data). - Bug fix: if
AmCharts.useUTC
was 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
urlTarget
was set for a chart, chart kept opening new window instead of opening url in the same one. - Bug fix: if
graphBulletSize
was set to 1 on ChartCursor,graphBulletAlpha
property was ignored.
3.10.2
- Skipped this version
3.10.1
- Bug fix: if a column graph had
newStack
property set totrue
and 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
connect
set tofalse
and there were gaps in the data, gaps might not be displayed. - Value axis labels with
logarithmic
set totrue
could use wrong interval in some cases.
3.10.0
fillToAxis
property 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 thefillAlphas
is > 0, the area between graph and axis will be filled with color, like in this demo.showAt
property added to StockEvent. It will allow you to place bullets atopen
,close
,low
orhigh
values (mostly used with candlestick/ohlc graphs)value
property added to StockEvent. It will allow you positioning stock event bullets at any value you want.useNegativeColorIfDown
property added to AmGraph. IfnegativeLineColor
and/ornegativeFillColors
are set anduseNegativeColorIfDown
is set to true (default is false), theline
,step
andcolumn
graphs will use these colors for lines, bullets or columns if previous value is bigger than current value. In case you setopenField
for the graph, the graph will compare current value withopenField
value instead of comparing to previous value. Here is a demo.expand
property 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 thecategory
cell and will end at the end oftoCategory
cell.balloonText
property added to GaugeBand. When rolled-over, band will display balloon if you set some text for this property.labelFunction
property 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 whenselectWithoutZooming
is set to true and you need to clear the selection made by user.labelOffset
property added to AxisBase. You can use it to adjust position of axes labels. Works both with CategoryAxis and ValueAxis.switchable
property 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.valueFunction
added to AmLegend. You can use it to format value labels in any way you want.tickPosition
property added to CategoryAxis. It can be set tomiddle
(default) orstart
. Works only with non-date-based data. Demo oftickPosition
set tostart
.labelFunction
added to AmGraph. You can use it to format labels of data items in any way you want.- Pattern objects can have
color
property now. If your pattern is transparent, the background will be filled with thiscolor
, like in this example. graphBulletAlpha
added to ChartCursor. If you make graph’s bullets invisible by setting their opacity to 0 and will setgraphBulletAlpha
to 1, the bullets will only appear at the cursor’s position. Here is a demo illustrating this.labelColorField
added to CategoryAxis. You can use it to set color of a axis label. Works only with non-date-based data.maxLabelWidth
added to AmSlicedChart (applies for AmPieChart and AmFunnelChart). If width of the label is bigger thanmaxLabelWidth
, it will be wrapped.labelWidth
property added to AmLegend. If width of the label is bigger thanlabelWidth
, it will be wrapped.compareGraphBulletColor
property added to StockGraph.mouseWheelZoomEnabled
added 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.boldLabels
added 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:
minSelectedTime
andmaxSelectedTime
was 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:
addGuide
method 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
equalSpacing
was 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.
recalculateFromDate
property 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
amExport
was not working properly on StockChart.
3.4.9
clickItem
,rollOverItem
androllOutItem
events 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
amExport
property now and here is an AmExport class reference.
3.4.8
guides
property added to AmCoordinateChart. Instead of adding guides to the axes, you can add them using this property.showComparedOnTop
property added to StockPanel. This allows you to set the order of main graph vs compared ones. Default value istrue
.- Bug fix:
textAlign
property 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
startAngle
was 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
connect
property of AmGraph to false. - Instead of
numberFormatter
andpercentFormatter
properties of AmChart we recommend using separate properties –precision
,percentPrecision
,decimalSeparator
andthousandsSeparator
. AmGraph class also hasprecision
property in case you need a separate precision for a graph. The old formatters will still work. minBulletSize
property 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
pan
for cursor was set to true). - Bug fix:
alphaField
was 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
fullWidth
property 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 settingcusrsorAlpha
to 0.1 or some other small number if using this feature. Demo of the feature.twoLineMode
property added to CategoryAxis and CategoryAxesSettings. It works only whenparseDates
is set to true andequalSpacing
is 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.line
marker type is again available for AmLegend‘smarkerType
property (also markerType of AmGraph if you need to set custom types for your graphs).- GaugeAxis properties
valueInterval
andminorTickInterval
doesn’t have default values since this version, as it might cause problems with big numbers. Instead we addedgridCount
property which is 5 by default. Note, GaugeAxis doesn’t adjustgridCount
, so you should check your values and choose a propergridCount
which would result grids at round numbers.
3.4.5
newStack
property 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
left
orright
3.4.4
- You can set
divId
for 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.
showBulletsAt
property added to AmGraph. Works withcandlestick
graph 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,
minDistance
added 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)
from
false totrue
. - Bug fix: right scrollbar grip of Stock chart was not working properly with
equalSpacing
set to true andminPeriod
was 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
left
orright.
- Bug fix: outline of funnel chart slices had some extra unnecessary lines.
3.4.3
processDelay
property 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 todelay
AmCharts.makeChart
method. It specifies the delay in ms, at which the chart must be rendered, for example:AmCharts.makeChart("chartDiv", {chart config}, 200);
offset
property added to ChartScrollbar. Allows to place scrollbar apart from plot area.autoRotateCount
andautoRotateAngle
properties added to CategoryAxis. Works only when dates are not parsed. Axis labelsl will be rotated if the number of series will be equal or exceedautoRotateCount
value.rollOverGraph
androllOutGraph
events added to AmCoordinateChart.changed
event 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
equalSpacing
was 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
autoWrap
for category axis was set totrue
, in some cases axis title was cut. markPeriodChange
was 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;
adjustment
property 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
creditsPosition
property of AmChart. Possible values are:top-left
,top-right
,bottom-right
andbottom-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). moved
event 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),chart
andzooming
.axisX
andaxisY
properties added to AxisBase. They are read-only and returnsx
andy
positions of the axis.unit
andunitPosition
(with possible valuesleft
andright
) added to GaugeAxis class.autoWrap
property 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 whenautoGridCount
istrue
. 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.
stepDirection
property 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
labelText
of 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
labelFunction
to format custom balloon text and in some other cases. - XY chart can display bullets with patterns (if
valueField
is set).
3.3.3
hideBalloonTime
property 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.useLineColorForBulletBorder
property added to AmGraph. Might help in some situations, especially when using themes.- 3D charts now look a lot better with patterns.
endWidth
property added to GaugeArrow (default value 0). This will allow having more modern, rectangular arrows.facePattern
property 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:
rendered
event 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. showNextAvalable
property 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.periodSpan
property 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.end
option added topointPosition
property of AmGraph.
3.3.1
- Bug fix:
\n
was replaced with<br>
in category axis and the tag was displayed. - Bug fix: if
lineColorField
ordashLengthField
orfillColorsField
was 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/themes
folder –dark.js
,light.js
andchalk.js
To 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.html
file in samples folder to see themes in action. patterns
property 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.divID
is id of adiv
where your chart should appear.chartConfig
is JSON object with chart configuration. Check examples with_JSON_
prefix in samples folder to see this in action.type
property 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
data
property 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
labelRotation
property 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:
labelPosition
valuesinside
andmiddle
were not working properly with bar charts. - Bug fix: AmAngularGauge chart wasn’t firing
rendered
event.
3.1.1
- Bug fix: FireFox error messages about style declarations fixed.
- Bug fix:
maxWidth
property 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
pattern
property of AmGraph. If you want to set individual pattern for a column or slice, describe patterns in chart’s data provider and setpatternField
for a graph or pie/funnel chart. Value of pattern should be object withurl
,width
,height
of an image, optionally it might havex
,y
,randomX
andrandomY
values. 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
,randomX
andrandomY
properties 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. offsetY
andoffsetX
properties 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.js
file, 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
lineColorField
and/orfillColorsField
for 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
dashLengthField
for 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.
dataDateFormat
property 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.
graphBulletSize
property 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
,low
orhigh
values of selected period.periodValueText
added to AmLegend andlegendPeriodValueText
added 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
periodValueTextRegular
andperiodValueTextComparing
proprties 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.
useGraphSettings
property with default value false was added to AmLegend. Note, we also removedline
anddashedLine
marker types because of this – use theuseGraphSettings
feature in case you need lines as markers in the legend. - Legend now supports custom markers (images).
customMarker
property 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
errorX
orerrorY
. The graph should know which axis should be used to determine the size of this bullet – that’s whengraph.bulletAxis
property 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 setbulletAxis
for XY chart, the size of a bullet will change as you zoom the chart. - You can specify custom column width for each graph individually.
columnWidth
property 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.
clustered
property 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
textShadow
property of AmBalloon in this version. - Balloon now can animate from point to point and also fade out when user moves away from the chart.
animationDuration
andfadeOutDuration
properties added to AmBalloon, with default values 0.3.animationDuration
property 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 –
adjustBorderColor
to true,cornerRadius
to 0,pointerWidth
to 6,color
to #000000. - Stock chart can display scrollbar on top of the chart – you should set position property of ChartScrollbarSettings to
"top"
.