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: if lines were arcs, middle-positioned arrows sometimes could be placed in a wrong position
- Bug fix: if lines were arcs, images animating along them could be placed in wrong position
- Bug-fix: roll-out event was not fired for selected areas.
3.21.12
- When tabbing through areas or images (in case tabIndex is set), roll-over balloon is displayed
3.21.11
- Some rendering issues because of a bug in new Chrome release 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: MapImage with
animateAlongLine=true
was shown of a incorrect size for a moment before animating.
3.21.7
- Some maps added/updated.
- Arc drawing improved.
3.21.6
- Some maps added.
3.21.5
- Some maps added.
3.21.4
- Bug fix: Child images were placed under parent images.
3.21.3
- Bug fix: chart.clear() was not properly clearing the chart from memory in case chart was create with JSON config.
- Some maps added.
3.21.1
- Some maps added.
3.21.0
- Bug fix:
animateAlongLine:true
was causing memory leak. - Bug fix: animating map images could go out of sync even with the exactly the same settings after some time of animation.
- Some maps were added.
3.20.20
- Maps with wrapped coordinates now support Miller, Mercator and Equirectangular projections.
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: image was not positioned correctly if it was positioned on an arc line.
- Bug fix: changing map dataProvider.lines and .images when chart was animating caused errors to be displayed in the console.
- New maps added
3.20.18
- Bug fix: in case preventDragOut was set to true, the allowed extremes were calculated incorrectly with some of the maps.
- New maps added.
3.20.17
- Some new maps added.
3.20.16
- Some new maps added.
3.20.15
- Export plugin updated.
3.20.14
- New maps added.
- Plugins updated.
3.20.13
- Some maps were updated.
3.20.12
- Export plugin updated.
- New maps added.
3.20.11
- Label was placed in incorrect position next to MapImage in some cases.
3.20.10
- Bug fix:
selectedScale
of MapImage was not working properly. - Bug fix: label position next to MapImage was not always correct.
- Bug fix: legend was not positioned properly if
bottom
property was set. - Some new maps added.
3.20.9
bubble
image type was displayed as simple image, without gradient.outline
property added to MapArea. If you set it to true, only outlines of the area will be displayed and this object will not be clickable and will always stay above the areas. Default value isfalse
.- Bug fix: if some Map Object was selected, and the screen was resized so that map scale was changed, map elements could be shifted to incorrect positions.
- Bug fix: min and max labels next to ValueLegend were not using precision and other number formatting options.
3.20.8
- Background under labels was not positioned correctly in case label was multi-line.
- Bug fix: Map was not zoomed to exact location of the click on small map control.
- Some new maps were added.
3.20.7
- Some new maps were added.
3.20.6
- Some new maps were added.
3.20.5
descriptionClosed
event was added to AmMap.- Some new maps were added.
3.20.4
tabIndex
property added to: AreasSettings, ImagesSettings, LinesSettings and MapObject. In case you set it to some number, the chart will set focus on this element when user clicks tab key. When a focus is set, screen readers like h NVDA Screen reader will read label which is set usingaccessibleLabel
property of the same elements. If the element is clickable, pressing Enter on the keyboard will do the same as if user clicked on this element with mouse. 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. This feature makes the maps more accessible.- A lot of new maps added.
- Touch behavior improved.
autoTransform
property added to AmChart with default valuefalse
. If you set it totrue
and your map 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.- Bug fix: clicking on small map could result zoom in wrong position (in some specific cases only).
3.20.3
- Another memory leak problem fixed (happened if you have export enabled and then created a chart and destroyed it by calling chart.clear() method).
- Some maps added.
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
- Bug fix: Wrapped maps were not positioning MapImages properly.
- Some maps added.
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 AreasSettings with default value[[title]] [[value]] [[description]]
- Property
accessibleLabel
added to ImagesSettings with default value[[title]] [[description]]
- Property
accessibleLabel
added to LineSettings with no default value. - If you want to set individual accessible label for MapObject, you can use
accessibleLabel
of MapObject for this purpose.
3.19.6
- Bug fix: calling line.validate() when map was zoomed-in resulted a thicker line.
3.19.5
- Bug fix:
tapToActivate
was not working properly on some devices. - Bug fix: in some cases MapImage animating along curved line was moving in the wrong arc.
- Bug fix: map was shifted down if a container div was hidden and then shown again.
- Arrows of lines look better now, especially on thick lines.
- New property,
shiftArrow
added to MapLine and LineSettings, default valuefalse
. If you set it totrue
, the arrow base will start at the end of a line (otherwise arrow end is at the end of a line).
3.19.4
- Some new maps added.
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 fireclickMapObject
event and perform actions related with a click only if user holds his finger for 0.2 seconds (200 ms) on the area or image or line. - Bug fix:
getAreaCenterLatitude
andgetAreaCenterLongitude
returned incorrect coordinates (since 3.19.0) forceNormalize
property added to AmMap. Default value isfalse
. If you set it totrue
, the map will redraw all the areas, normalizing paths. This might be needed if you use SVG filters with areas.
3.19.2
- zoomToGroup method was not working properly (since 3.19.0)
- code cleanup.
3.19.1
- fixToStage and fixToMap methods were not working properly (since 3.19.0)
- JS error could occur in some cases if responsive plugin was used.
3.19.0
- Big news – our JavaScript maps now support a lot of new projections. And you don’t need new maps for that – all our maps, that are made using Mercator projection (most of them are) can change projection easily – you can either set it initially using
projection
property of AmMap or change it at run time usingmap.setProjection(projection)
method. Supported projections are: Winkel 3 (used by National Geographic), Eckert 3, Eckert 5, Eckert 6, Miller and Equirectangular. Important – currently you can only change projection of a map if the source map projection is Mercator! - Previously our maps supported only Mercator and Equirectangular projections. Using these projections you could convert pixels to coordinates and coordinates to pixels using these methods:
coordinateToLatitude(coordinate)
– to convert map y to latitude;coordinateToLongitude(coordinate)
– to convert map x to longitude;latitudeToCoordinate(latitude)
– to convert latitude to y of the map;longitudeToCoordinate(longitude)
– to convert longitude to x of the map;longitudeToX(longitude)
– to convert longitude to x of the map div;latitudeToY(latitude)
– to convert latitude to y of the map div;
- With more complex projections, dependency of longitudes/latitudes to x/y is not as simple and both latitude/longitude is required to calculate x and y positions (and vice versa) So the methods above are now deprecated (will still work but only with Mercator and Equirectangular projections, but we recommend using new methods for all projections). Here are the new methods:
coordinatesToXY(longitude, latitude)
– returns object:{x:x, y:y}
where x and y are coordinates of the map.coordinatesToStageXY(longitude, latitude)
– returns object:{x:x, y:y}
where x and y are coordinates of the chart div.xyToCoordinates(x, y)
– returns object:{longitude:longitude, latitude:latitude}
x and y are coordinates of map.stageXYToCoordinates(x, y)
– returns object:{longitude:longitude, latitude:latitude}
x and y are coordinates of chart div.
3.18.6
- Some maps added.
- Export and data loader plugins updated.
3.18.4
- Some maps updated.
- Solved conflict with prototype.js library.
3.18.3
- Some maps updated
3.18.2
- Some maps updated
- Export plugin updated
3.18.1
- Some maps updated
3.18.0
- Improved performance, optimized animations.
- Bug fix: if autoSize of AmChart was set to false, mouse position was not properly detected after page was scrolled.
3.17.3
- Bug fix: it was impossible to cancel animating along the line.
3.17.2
- Bug fix: Object list was using English country names even if translations were provided.
3.17.1
- Bug fix: mouse postion was not detected properly if
autoResize
was set to false (since 3.16.0 version only)
3.17.0
- A lot of features were added in this version. Check animations along lines demo to see some of them in action.
stageXToLongitude(x)
,stageYToLatitude(y)
methods added to AmMap for an easier manipulation of map/stage images and lines.validate()
method added to MapArea, MapImage and MapLine. Will redraw the object (for example, after you changed some properties) without redrawing whole map.fixToMap()
andfixToStage()
methods added to MapImage and MapLine. If your line is fixed to a stage,fixToMap()
will fix it to the map (so that the line would move with map) and vice versa.updatePosition()
method added to MapImage. Will reposition the image after it’s longitude/latitude of left/right/top/bottom coordinates were changed.deleteObject()
method added to MapImage and MapLine. Will remove object without rebuilding the map.lineId
property added to MapImage – you should add id for the line and set this id for the image if you want to use create animation along line or position image at some relative position of a line.positionOnLine
property added to MapImage. Use values from 0 to 1. If you setlineId
of some line and then setpositionOnLine
to0.5
, the image will be placed in the middle of the line.animateAlongLine
property added to MapImage. With default valuefalse
If you set it totrue
, andlineId
of some line is set, the image will animate along the line. Below are some properties to control the animation.animationDuration
property added to ImagesSettings, with default value 3. Defines duration of animation, in seconds. CustomanimationDuration
can also be set directly on MapImage.adjustAnimationSpeed
property added to ImagesSettings, with default value false. If you set it to true, images along the lines will adjust the speed of animation corresponding the distance between lines.baseAnimationDistance
property added to ImagesSettings, with default value 500. This means that ifadjustAnimationSpeed
is set totrue
, the the image will move at a speed which would allow to move by 500 pixels duringanimationDuration
. If the distance between start/end points of animation is less thanbaseAnimationDistance
, the image will move faster, otherwise – slower.pauseDuration
property added to ImagesSettings, with default value 0. Defines pause between animations (if a line has more than one segment or animation is looped or flipped).loop
property added to MapImage, with default valuetrue
. Specifies if animation should be looped.flipDirection
property added to MapImage, with default valuefalse
. Specifies if animation should be played in reverse direction when reached the end of a line.easingFunction
property added to ImagesSettings, with default valueAmCharts.easeInOutQuad
. This particular function makes the animation to be slower in the beginning and end of animation and faster in the middle. Alternatively you can use these methods:AmCharts.bounce, AmCharts.easeInSine, AmCharts.easeOutSine, AmCharts.easeOutElastic
. You can also set easing function on MapImage.positionScale
property added to MapImage, with default value 1. If you set it to 2, the image will scale 2x in the middle of the animation (check animations along lines demo – the plane increases it’s size).animateAlong(lineId, duration, easingFunction)
method added to MapImage. You can trigger animation at any time using this method.animateTo(longitude, latitude, duration, easingFunction)
method added to MapImage. You can animate images to any coordinates (instead of longitude/latitude you can use top/left/right/bottom coordinates).animationStart
andanimationEnd
events added to MapImage. These events are fired when animation starts/ends. Event object is:{type: "animationStart", chart: AmMap, image: MapImage, lineSegment: Number, direction: Number}
mouseDownMapObject
event added to AmMap.
3.16.0
- We changed quite a lot of defaults of ZoomControl to give it more modern look and make it more user friendly for people using maps on touch devices. Here is full list:
panControlEnabled
default isfalse
now;buttonFillColor
is#FFFFFF
buttonRollOverColor
is#DADADA
buttonBorderColor
is#000000
buttonBorderAlpha
is0.1
buttonIconColor
is#000000
gridColor
is#000000
gridBackgroundAlpha
is0
gridAlpha
is0
buttonSize
is31
buttonCornerRadius
is2
gridHeight
is5
- new property
draggerAlpha
is0
(invisible) - new property
homeButtonEnabled
, default valuetrue
- new property
roundButtons
istrue
You can still bring old look back by bringing old defaults back and setting
roundButtons
tofalse
andpanControlEnabled
totrue
. - Default value of
adjustOutlineThickness
of AreasSettings changed to true, due thatoutlineThickness
of AreasSettings changed to1
. This will make the country outlines to be of a fixed width and make them look good no matter how much you zoomed the map. - Maps now use SVG icons for zoom control, small map and description window. 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
. - Map 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. Map used to prevent regular page scrolling and could result page to stick to the same spot if it occupied whole screen. Now, in order these gestures to start working user has to touch the map once. Regular touch events like touching on area do not require the first tap and will show balloons and perform other tasks as usual. If you have a map which occupies full screen and your page does not require scrolling, settapToActivate
tofalse
– this will bring old behavior back.- 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 some labels disappear. The problem was fixed and the bug reported.
3.15.1
- New feature which allowed to add listeners in JSON config was not working properly in some cases.
3.15.0
- You can add event listeners in JSON map config now, for example:
{
"addClassNames":true,
"theme":"light",
“listeners”:[{“event”:”clickMapObject”, “method”:handleClick}]
}
- Pinch-zooming on touch devices improved.
- Mouse position detection mechanism updated. It is now compatible with CSS3 translate transform (rotation is not yet solved).
selectedOutlineThickness
,selectedOutlineColor
,rollOverOutlineThickness
added to ImagesSettings and AreasSettings.- “hexagon” type added as a predefined shape for
type
property of MapImage. - 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.
3.14.5
arc
property added to ImagesSettings and MapImage. Valid values are -1 to 1. Will turn lines into curves. There is one limitation – this works well with two-point lines only. Check curved-lines demo.
3.14.4
selectedLabelColor
could be reset ifmapImage.showAsSelected
was set to true.- Balloon was not shown on first roll-over if
cornerRadius
was >0 - Map was still dragged using two fingers, even if
panEventsEnabled
was set to false.
3.14.3
- Map 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. - Map could be moved to wrong position after opacity transitions of a map div.
3.14.2
autoResize
property added to AmChart 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.
3.14.0 Milestone release!
- 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.
- 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.
3.13.3
- Data loader plugin was added.
3.13.2
- Some of the maps were updated.
3.13.1
- Bug fix: ValueLegend was visible if added using JSON (since v 3.13.0).
fixedPosition
of AmBalloon was not working on images.
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 SmallMap and ValueLegend.
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 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.- Bug fix: map in a page could disable selecting of a text with mouse.
3.11.3
preventDragOut
property added to AmMap class. If set to true, user won’t be able to drag map out of the visible area.- Bug fix: Zoom control buttons were not working properly on some touch devices.
- Bug fix: adding and removing chart with mouse wheel properties enabled could result memory leak.
3.11.2
- Bug fix: dragging map in FireFox was not well handled.
- Bug fix: clicking on the
MapImage
label produced twoclickMapObject
events.
3.11.1
- AmCharts.addInitHandler(method, [chart types]); method added. If you add init handler, the chart will call this method and pass chart reference before initializing the chart. This might be comfortable to build plugins, process data, etc.
bringForwardOnHover
property added to AreasSettings, ImagesSettings, LinesSettings and MapObject. Default value is true. If yuo set it to false, the object will not change it’s z-index when user hovers it.
3.10.3
- Bug fix: duplicate titles issue fixed.
- Bug fix: memory leak after
validateNow()
call fixed. descriptionWindowLeft
,descriptionWindowTop
properties and alsodescriptionWindowBottom
anddescriptionWindowRight
also added to AreasSettings, ImagesSettings and LinesSettings.
3.10.1
- You can now use maps with wrapped longitudes (Asia centered maps for example). Such a map should contain
wrappedLongitudes
property set to true in the map file (such map is available in the premium maps package). - right and bottom properties added to ZoomControl.
- instead of
descriptionWindowX
anddescriptionWindowY
(properties of MapObject)you can now usedescriptionWindowLeft
,descriptionWindowTop
properties and alsodescriptionWindowBottom
anddescriptionWindowRight
to position description windows at any place you want. - Bug fix: Legend could be placed in wrong position in some special cases.
3.10.0
- Pattern objects can have
color
property now. If your pattern is transparent, the background will be filled with this color, like in this example. - Bug fix: selected area outline could be hidden under other areas (if user rolled-over them).
- Bug fix: balloons no longer flicker if mouse is moved fast on areas.
- Bug fix: background under the label of MapImage was positioned incorrectly in some cases.
- Bug fix: if a div containing chart/map had CSS3 transformations applied, the mouse position was calculated incorrectly.
- Bug fix: Safari could leave previously rendered map or other objects in the background after the map was redrawn (only since 3.9.0).
3.9.1
- Some very minor bugs fixed.
3.9.0
- Serious memory leak fixed. It appeared on whenc hart 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 map. To do this, you must include lang file from ammap/lang/ folder and set map.language = “de” or some other language.
3.8.15
- Fix: Saving chart as image was not working properly with IE11 since last release.
3.8.14
- 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.8.13
- Some issues with balloons on touch devices fixed.
rollOverOutlineThickness
added to AreasSettings.rollOverOutlineAlpha
added to AreasSettings.
3.8.12
- Bug fix: linesAboveImages was not working properly after user rolled-over the line.
- Bug fix: hand cursor was not shown on a object when
allowClickOnSelectedObject
was set to true. - Instead of
numberFormatter
andpercentFormatter
properties of AmChart we recommend using separate properties – precision,percentPrecision
,decimalSeparator
andthousandsSeparator
.
3.8.11
- Bug fix: Some areas of some maps had invalid endings which might result not fully closed area outline.
3.8.10
- New property,
homeIconFile
added to ZoomControl. - New property,
buttonIconAlpha
added to ZoomControl. - Changed default value of panEventsEnabled (property of AmChart and PanelsSettings classes) from false to true.
- 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.
3.8.9
- processDelay property added to AmCharts class. If you set AmCharts.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, delay was added to AmCharts.makeChart method. It specifies the delay in ms, at which the chart must be rendered, for example:AmCharts.makeChart(“chartDiv”, {chart config}, 200);
- Bug fix:
selectedColor
androllOverColor
was not working with lines. - filesaver.js was updated so that in case it is included with IE8 and older browsers, it wouldn’t throw JS error.
3.8.8
- Two finger zoom with touch devices fixed.
3.8.7
- 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 and bottom-left. This will help you to achieve better layout of a chart.
3.8.6
- Bug fix – charts with legend could fail if there was a Google Analytics script in the page.
3.8.5
- Old listeners are removed automatically if the same listener was added, this helps to avoid duplicate calls of event handlers.
3.8.4
- Some improvements for export as image script were made.
3.8.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.
3.8.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 dissapear after thevalidateNow();
method.
3.8.0
- Since this version our mapping tool support themes. This means that instead of setting every property for each 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
ammap/themes
folder –dark.js
,light.js
andchalk.js
To set a theme for a map, simply set theme property to the name of the file:theme:"light"
. Note, this will work only if you are creating map using JSON config. If you do it in old way (JSON config is supported since v 3.7.0), you should pass theme object for each new object you build, for example:var smallMap = new AmCharts.SmallMap(AmCharts.themes.light);
We will be adding more themes soon. Check _usingThemes.html file in samples folder to see themes in action.
3.7.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). - Color picking for maps with values adjusted.
3.6.1
- FireFox error messages about style declarations fixed
- Bug fix:
maxWidth
property of AmBalloon was ignored - Draging of a map on touch devices fixed
3.6.0
- Map now support patterns – areas can be filled with images. Check our new inspiring samples at to see new possibilities in action. Patterns can be set for areas via pattern property of MapArea. Value of pattern should be object with
url
,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};
Checkammap/patterns
folder for some patterns. You can create your own patterns and use them. - if you set
map.handDrawn = true
, lines used in a map will be distorted and will produce hand-drawn effect. You can also modifyhandDrawScatter
(default value is 2) andhandDrawThickness
(default value 1) properties of AmMap 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.5.0
- AmBalloon 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. - 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.