Settings - JSFiddle - Code Playground

rhvL14co

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

RFC

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

jQuery DataTables with Bootstrap Modal and Responsive

jQuery 2.2.4, HTML, CSS, JavaScript

sqb1hy45

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

Pie chart can display titles and values of slices in the legend. Our legend has a great feature - if you click on legend entry, the slice will be hidden or shown. This might gives additional value for data analysis, as when hidden, slice is excluded when calculating percent values. The position of legend can be easily adjusted.

3D Column Chart

Columns and bars in our charts can have a 3D look. You can adjust depth and angle to make them more deep - click EDIT button and play with <code>depth3D</code> and <code>angle</code> properties. <h2>Hidden Chart Cursor adds a better user experience</h2> If you check the source of this sample, you will notice that it has a <a href="http://docs.amcharts.com/3/javascriptcharts/ChartCursor">ChartCursor</a> added. Although it is invisible and zooming is disabled (as we don't need to zoom this chart). We added it for another reason - when you move the mouse over the plot area, the balloon is displayed next to the most close column, even if you are not hovering directly over it. This makes it easier for your users to check real value of the column. We especially recommend using this trick with line graphs - without cursor, you would need to roll-over relatively small bullet to see the balloon, and with cursor you just move the mouse over plot area.

3D Column Chart

Columns and bars in our charts can have a 3D look. You can adjust depth and angle to make them more deep - click EDIT button and play with <code>depth3D</code> and <code>angle</code> properties. <h2>Hidden Chart Cursor adds a better user experience</h2> If you check the source of this sample, you will notice that it has a <a href="http://docs.amcharts.com/3/javascriptcharts/ChartCursor">ChartCursor</a> added. Although it is invisible and zooming is disabled (as we don't need to zoom this chart). We added it for another reason - when you move the mouse over the plot area, the balloon is displayed next to the most close column, even if you are not hovering directly over it. This makes it easier for your users to check real value of the column. We especially recommend using this trick with line graphs - without cursor, you would need to roll-over relatively small bullet to see the balloon, and with cursor you just move the mouse over plot area.