Forest Plot
Type
tutorial This demo shows how to create a Forest Plot chart by combining two graphs: a simple graph with bullets and an OHLC graph.
Search Results for:
Invoking custom handlers on gauge band click
Type
tutorial This demo shows how you can attach click events to GaugeAxis bands using listeners array: “listeners”: [{ “event”: “clickBand”, “method”: function(ev) { console.log(“Clicked on ” + ev.dataItem.balloonText) } }]
Registering click on the whole of the category on column chart
Type
tutorial This demo shows how you can combine generic mouse click event (using jQuery) and chart cursor’s changed event to simulate clicking on the whole category on column chart, not just actual column. Chart cursor has changed event set up. It is triggered every time you move the cursor over a new category, or move the cursor out […]
A time-line chart with date-based milestones
Type
tutorial This demo shows how we can create a chart with just a date-based value axis (type: “date”) and Guides to create a timeline with certain events (milestones) marked, but without any actual chart.
Using Animate plugin with play/pause button
Type
tutorial Using amCharts with Vue.js and Webpack
Type
tutorial Vue.js is a popular JavaScript framework, and we get regular questions from people wanting to use amCharts in their Vue apps. In this quick guide, we will cover the basics of using amCharts in a most straightforward Vue.js app and then continue with a more advanced setup utilizing Vue components and Webpack. Hello, Vue + […]
Unselecting map object after its description box is closed
Type
tutorial When you click an object on the map – an area or image – that has a description, the object is selected and the description box pops up. This demo shows how you can use descriptionClosed event and selectObject() method without any parameters to automatically unselect the object when the description box is closed. “listeners”: [{ “event”: […]
Changing XLSX sheet name when exporting
Type
tutorial By default Export plugin would name a work sheet of an exported XLSX file “amCharts”. We can use menuReviver to override that setting with anything else: “export”: { “enabled”: true, “menuReviver”: function(item,li) { if (item.format == “XLSX”) { item.name = “My sheet”; } return li; } } This will affect XLSX export only.
Using Data Loader to load external data and display it in the table
Type
tutorial This demo shows how you can use Data Loader plugin’s function AmCharts.loadFile() as well as AmCharts.parseCSV() to load and parse CSV data, then dynamically build an HTML table out of it.
Loading external data in Live Editor
Type
tutorial It is possible to use Data Loader with Live Editor. I say “technically” because there are some caveats, which I will outline a bit later. First, to enable Data Loader, click on the Extra Config checkbox to enable plugin settings. Then, type in Data Loader config into appropriate box. I.e.: { “enabled”:true, “url”:”https://www.mysite.com/data.php”, “format”:”json” } […]