Adding charts and maps to a WIX website

Type tutorial

Intro & Prerequisites This tutorial is aimed to walk you through some easy steps to add charts and maps to your WIX.com website. We assume that you already have fundamentals for amCharts products and are able to build a chart or map, either by coding it directly or using one of our online editing tools. […]

Hooking up chart to data feed services

Type tutorial

We have many articles and examples here on amcharts.com that deal with theoretical concepts of loading remote data to be shown on charts. This tutorial will differ in such way that it will use the real data and the real data feed. If you’d like to review the principles, here are a few articles to […]

Transferring demos from amcharts.com, CodePen or jsFiddle into WordPress

Type tutorial

Most of the amCharts demos you find will be shown on either amcharts.com demo section, CodePen or jsFiddle websites. This tutorial focuses on how to easily transfer them into your WordPress website. Prerequisites This tutorial relies on amCharts WordPress plugin. If you haven’t done so already, we strongly advise you to check this introductory tutorial, […]

Using amCharts WordPress plugin

Type tutorial

WordPress being the single most used web publishing platform, is perfect for when you want your website up and running in minutes. However, when it comes to dynamic content, such as JavaScript, you’ll find that there’s practically no options in the plain vanilla WP install. This is precisely the reason why we went ahead and […]

Using amCharts 3 with React

Type tutorial

Intro This article uses an official amCharts React component, available for download on this GitHub repository, or via amCharts CDN. Installation Include React and React-DOM: <script src=”https://npmcdn.com/react@15.3.0/dist/react.min.js”></script> <script src=”https://npmcdn.com/react-dom@15.3.0/dist/react-dom.min.js”></script> Also include AmCharts: <script src=”https://www.amcharts.com/lib/3/amcharts.js”></script> <script src=”https://www.amcharts.com/lib/3/serial.js”></script> <script src=”https://www.amcharts.com/lib/3/themes/light.js”></script> Lastly include the amcharts3-react plugin: <script src=”amcharts3-react.js”></script> Usage You can now use the AmCharts.React component in your React […]

Setting up IIS for correctly handling SVG files

Type tutorial

Problem Icons on my amCharts chart are displayed as broken images, when server through Internet Information Server (IIS). Cause amCharts uses SVG images for various chart elements, such as scrollbar grips. Some older versions of IIS may incorrectly serve SVG images, causing those issues. Each request to a static file on a web server, produces a […]