Aleksandar's public fiddles
-
Click Graph Item event demo
No-Library (pure JS), HTML, CSS, JavaScript
-
Auto-updating chart
No-Library (pure JS), HTML, CSS, JavaScript
-
Column With Rotated Series
As you might have a lot of series on the axis, labels can be rotated so that they would all fit. You can rotate them by any degree you want. In case you don't want rotated labels, they can wrap or some of the labels might be omitted. <h2>Animated columns</h2> The columns can be animated, we offer several animation effects to choose. Animation can be sequenced (one column appears after another) or they can all grow together. Besides the height, opacity can also be animated - the columns can fade-in.
-
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.
-
amcharts Line with logarithmic value axis
No-Library (pure JS), HTML, CSS, JavaScript
-
amcharts Column rotated series
No-Library (pure JS), HTML, CSS, JavaScript
-
amcharts Column rotated series
No-Library (pure JS), HTML, CSS, JavaScript
-
Clustered Bar Chart
Clustered bar chart is a chart when bars of a different graphs are placed next to each another, and not stacked one on another, so basically it's the most simple bar chart with two graphs in it. <h2>Bar chart with patterns</h2> Click on PATTERNS theme above the chart - you will see that our bar or column chart supports patterns. There are several pre-build patterns in our package or you can easily build your own fancy patterns and use them with our charts. <h2>Hand-drawn style</h2> Click on CHALK theme above the chart - the bars will gain hand-drawn style, with non-straight lines. This is a very special feature of amCharts!
-
Clustered multi-segment stacked column chart with sub-categories
No-Library (pure JS), HTML, CSS, JavaScript
-
KNOCKOUT MENU
No-Library (pure JS), HTML, CSS, JavaScript
-
Shapeshift Simple
jQuery 1.9.1, HTML, CSS, JavaScript
-
SO - 15880053
jsFiddle to rename a tab created dynamically using jQuery.
-
add tab
jQuery 1.11.0, HTML, CSS, JavaScript
-
wjsestxf
jQuery 1.7.2, HTML, CSS, JavaScript
-
JQPLOT 1,2
jQuery 1.7.2, HTML, CSS, JavaScript
-
JQPLOT 1,2
jQuery 1.7.2, HTML, CSS, JavaScript
-
JQPLOT 1
jQuery 1.7.2, HTML, CSS, JavaScript
-
JQPLOT 1
jQuery 1.7.2, HTML, CSS, JavaScript
-
add customer and order Knockout
Knockout.js 2.3.0, HTML, CSS, JavaScript 1.7
-
jqPlot: date axis
Simple example of jqplot usage w/ data axis renderer.