Tam's public fiddles
-
Movie RegExp
No-Library (pure JS), HTML, CSS, JavaScript
-
Column With Rotated Series
Column chart (or Bar chart) is the most recognizable and easiest to comprehend chart type. When your goal is not to woo viewers with fancy graphics but rather delivering the information in the most straightforward way, Column chart is your best friend. However, when you get over a certain amount of columns (or your items just have fairly long names) axis labels become quite crowded and hard to read. One option to rectify this is to <a href="https://www.amcharts.com/dataviz-tip-13-switch-horizontal-bar-chart-labels-dont-fit/">switch from a vertical to a horizontal bar chart</a>. Another quick fix is to turn the labels on their side. In amCharts 4 you do this with the <a href="https://www.amcharts.com/docs/v4/reference/label/#rotation_property"><code>Label.rotation</code></a> property on the axis. <pre>categoryAxis.renderer.labels.template.rotation = 270;</pre>
-
Column chart with images on top
No-Library (pure JS), HTML, CSS, JavaScript
-
Column chart with images on top
No-Library (pure JS), HTML, CSS, JavaScript
-
async/await
No-Library (pure JS), HTML, CSS, JavaScript
-
amcharts with line
No-Library (pure JS), HTML, CSS, JavaScript
-
strip HTML
No-Library (pure JS), HTML, CSS, JavaScript
-
count down
No-Library (pure JS), HTML, CSS, JavaScript
-
jQuery addClass example
Change class name on click in jQuery
-
jQuery addClass example
Change class name on click in jQuery
-
InvalidCharacterError
No-Library (pure JS), HTML, CSS, JavaScript
-
remove fucking Chinese characters
No-Library (pure JS), HTML, CSS, JavaScript
-
flip animation css
No-Library (pure JS), HTML, CSS, JavaScript
-
Stacked Column Chart
Our Serial chart can stack any graphs of the same kind - columns, bars, lines, step lines. They can be stacked in a regular way or 100%, when values are recalculated to percent values. <h2>Themes - a real help for developer</h2> View the source of the chart by clicking EDIT button. You will notice, that not a single color is defined in it. Now, if you click themes buttons on top of the chart, you will see that the chart is changing colors, opacities and evem patterns. All the config of the chart is stored in the theme file which is applied when you click a button. This feature allows you to apply a theme for all your charts on a web site, and you will be sure that they will meet the same design. We offer several themes for your to choose, and you can easily modify and adjust them for your needs. And of course, you can still set any property as an exception in the chart config file.
-
scroll up and down
jQuery 1.8.3, HTML, CSS, JavaScript
-
amcharts with balloon
No-Library (pure JS), HTML, CSS, JavaScript
-
Image caching thing and Canvas
This draws the canvas circles with caching of images
-
Sample chart exporting
Our charts do support custom bullets, this means you can have them on column chart too. It's quite often scenario that a company logo or some other image is to be placed above the column - check this example, it's quite easy to do.
-
Column chart with images on top
Our charts do support custom bullets, this means you can have them on column chart too. It's quite often scenario that a company logo or some other image is to be placed above the column - check this example, it's quite easy to do.
-
Line With Custom Bullets
Besides a bunch of predefined bullets (our charts support round, square, triangle, bubble, diamond bullet shapes) you can use your own images as bullets of your graphs. You can set one bullet for all the graph and also use individual bullets for specific data points to indicate some difference of these plots.