JSFiddle

igasparetto's public fiddles

  • SCSS

    jQuery 3.3.1, HTML, SCSS, JavaScript

  • SCSS

    jQuery 3.3.1, HTML, SCSS, JavaScript

  • SCSS

    jQuery 3.3.1, HTML, SCSS, JavaScript

  • SCSS

    jQuery 3.3.1, HTML, SCSS, JavaScript

  • SCSS

    jQuery 3.3.1, HTML, SCSS, JavaScript

  • SCSS

    jQuery 3.3.1, HTML, SCSS, JavaScript

  • jQuery addClass example

    Change class name on click in jQuery

  • jQuery addClass example

    Change class name on click in jQuery

  • jQuery addClass example

    Change class name on click in jQuery

  • jQuery addClass example

    Change class name on click in jQuery

  • 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.

  • 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.

  • Simple Pie Chart

    Our pie chart uses intelligent way to arrange its labels so that they would not overlap. The chart will apply intelligent fuzzy logic to assure no two slice labels overlap. While there is a theoretical limit of how many labels can be accommodated that way - a large amount of labels can dramatically distort the chart and make it look cluttered - the chart will do its best to accommodate anything you throw at it. <h2>Grouping small slices together</h2> To avoid a lot of supersmall slices, the chart can group them all into a single "Others" slice. To enable this feature, add <a href="http://docs.amcharts.com/3/javascriptcharts/AmPieChart#groupPercent"><code>groupPercent</code></a> setting to chart config. Set it to a number of percent. Smaller slices than the set percent value will be automatically grouped into "Others" slice. This will allow cutting down on a clutter of barely visible tiny slices and their respective labels.

  • 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.

  • Handsontable example

    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.

  • 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.

  • Handsontable example

    No-Library (pure JS), HTML, CSS, JavaScript

  • dLrj4be5

    No-Library (pure JS), HTML, CSS, JavaScript

  • 7L1q6z16

    No-Library (pure JS), HTML, CSS, JavaScript